echarts 柱状图 数据排序

### ECharts 柱状图的数据排序方法

在ECharts中，可以通过调整数据源数组中的顺序来改变柱状图的显示顺序。对于更复杂的排序需求，可以在初始化图表之前对原始数据进行预处理。

#### 使用JavaScript内置函数`sort()`对数据进行排序

为了实现按数值大小升序或降序排列的效果，在绘制图表前先利用JavaScript提供的`Array.prototype.sort()`方法对数据集进行排序是一个常见做法[^2]。

// 原始数据
var data = [
    {name: 'Mon', value: 320},
    {name: 'Tue', value: 332},
    {name: 'Wed', value: 301},
    {name: 'Thu', value: 334},
    {name: 'Fri', value: 390}
];

// 升序排序
data.sort(function(a, b){
    return a.value - b.value;
});

// 或者降序排序
data.sort(function(a, b){
    return b.value - a.value;
});

#### 动态更新已渲染图表的数据序列

如果希望在不重新加载页面的情况下更改现有图表内的条目次序，则可以调用chart实例对象下的`.setOption()`接口传入新的series配置项完成即时刷新操作。

myChart.setOption({
    series : [{
        name:'销量',
        type:'bar',
        data:data // 更新后的有序数据列表
    }]
}, true);