echarts动态饼图

要使用 echarts 制作动态饼图，需要使用 echarts 的动画效果和定时器功能。下面是一个简单的示例代码，你可以根据自己的需求进行修改：

<!-- 引入 echarts.js -->
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script>
<div id="pie-chart" style="width: 600px;height:400px;"></div>
<script>
  // 初始化 echarts 实例
  var chart = echarts.init(document.getElementById('pie-chart'));

  // 饼图的数据
  var data = [
    {value: 335, name: '直接访问'},
    {value: 310, name: '邮件营销'},
    {value: 234, name: '联盟广告'},
    {value: 135, name: '视频广告'},
    {value: 1548, name: '搜索引擎'}
  ];

  // 饼图的配置项
  var option = {
    series: [
      {
        name: '访问来源',
        type: 'pie',
        radius: ['50%', '70%'],
        avoidLabelOverlap: false,
        label: {
          show: false,
          position: 'center'
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '30',
            fontWeight: 'bold'
          }
        },
        labelLine: {
          show: false
        },
        data: data
      }
    ]
  };

  // 设置定时器，每隔一段时间更新饼图数据
  setInterval(function () {
    // 随机生成新的数据
    var newData = [
      {value: Math.round(Math.random() * 1000), name: '直接访问'},
      {value: Math.round(Math.random() * 1000), name: '邮件营销'},
      {value: Math.round(Math.random() * 1000), name: '联盟广告'},
      {value: Math.round(Math.random() * 1000), name: '视频广告'},
      {value: Math.round(Math.random() * 1000), name: '搜索引擎'}
    ];
    // 更新饼图数据
    chart.setOption({
      series: [
        {
          data: newData
        }
      ]
    });
  }, 2000); // 定时器的时间间隔为 2 秒
</script>

在上面的代码中，我们使用 echarts 的定时器功能和动画效果，每隔 2 秒更新一次饼图的数据，从而实现动态效果。你可以根据自己的需求，修改定时器的时间间隔和更新数据的方式。