echarts 柱状图排序动画

要实现 ECharts 柱状图的排序动画，可以通过以下步骤来操作：

1. 首先，确保你已经引入了 ECharts 的 JavaScript 文件。

2. 创建一个柱状图实例，并设置好基本的配置项，比如标题、x 轴和 y 轴。

3. 准备好你的数据，并按照需要的排序方式进行排序。

4. 在配置项中添加一个 `animation` 属性，并设置其值为 `true`，以启用排序动画效果。

5. 在 `option` 的 `series` 中的 `data` 属性中，使用排序后的数据。

下面是一个示例代码，演示了如何实现柱状图的排序动画：

// 创建柱状图实例
var myChart = echarts.init(document.getElementById('chart'));

// 准备数据并排序
var data = [120, 200, 150, 80, 70];
var sortedData = data.slice().sort(function(a, b) {
  return a - b; // 按升序排序
});

// 设置配置项
var option = {
  title: {
    text: '柱状图排序动画示例'
  },
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [{
    type: 'bar',
    data: sortedData
  }],
  animation: true // 启用排序动画效果
};

// 渲染图表
myChart.setOption(option);

在上述示例中，我们首先创建了一个柱状图实例，并准备了一组数据。然后，我们将数据进行排序，并在配置项中添加了 `animation: true`，以启用排序动画效果。最后，使用排序后的数据来渲染图表。

通过以上步骤，你就可以实现 ECharts 柱状图的排序动画效果了。你可以根据自己的需求，调整数据和配置项来达到想要的效果。