echarts环形图加动画

要在Echarts中创建一个带有动画效果的环形图，可以按照以下步骤进行操作：

1. 首先，确保已经引入了Echarts库，并在页面中创建一个容器，用于显示图表。例如：

<div id="chartContainer" style="width: 600px; height: 400px;"></div>

2. 在JavaScript中，使用Echarts的初始化方法创建一个图表实例，并指定容器的id：

var myChart = echarts.init(document.getElementById('chartContainer'));

3. 定义环形图的数据和样式。这里以简单的示例为例，创建一个包含两个数据项的环形图：

var data = [
  {value: 335, name: '数据项1'},
  {value: 310, name: '数据项2'}
];

4. 设置环形图的配置项，包括标题、图例、动画效果等：

var option = {
  title: {
    text: '环形图示例',
    x: 'center'
  },
  legend: {
    orient: 'vertical',
    right: 10,
    top: 30,
    data: ['数据项1', '数据项2']
  },
  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
    }
  ]
};

5. 最后，将配置项应用到图表实例中，并使用setOption方法来渲染图表：

myChart.setOption(option);

通过以上步骤，你就可以在Echarts中创建一个带有动画效果的环形图了。可以根据实际需求修改数据和样式配置来自定义图表的显示效果。