绘制一个具有动画效果的图表，要求如下：

要绘制一个具有动画效果的图表，你可以使用JavaScript和HTML5的Canvas元素。下面是实现步骤：

1. 创建一个HTML5 Canvas元素，设置它的宽度和高度。

<canvas id="myCanvas" width="500" height="300"></canvas>

2. 获取Canvas元素的上下文对象，并设置一些默认参数，比如线条颜色、填充颜色等等。

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle = "#000000";
ctx.lineWidth = 2;
ctx.fillStyle = "#cccccc";

3. 绘制初始图形，可以是一个静态图表。

// 绘制一个矩形
ctx.fillRect(50, 50, 100, 100);

4. 定义一个动画函数，用于更新图表数据和绘制动画效果。

function animate() {
  // 更新图表数据
  // ...

  // 清空画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);

  // 绘制动画效果
  // ...

  // 循环调用动画函数
  requestAnimationFrame(animate);
}

5. 在动画函数中，使用Canvas的API绘制动画效果，比如移动、旋转、缩放等等。

// 移动矩形
ctx.translate(5, 0);
ctx.fillRect(50, 50, 100, 100);

6. 循环调用动画函数，使得动画不断更新和绘制。

requestAnimationFrame(animate);

7. 最后，你可以添加一些交互控件，比如按钮、滑块等等，来控制动画效果。

这是一个简单的例子，你可以根据自己的需求和技能，绘制更加复杂和酷炫的动画图表。