echarts横向柱状图从大到小排序

要实现横向柱状图从大到小排序，可以使用 echarts 中的数据排序功能和 yAxis 中的 inverse 属性。

首先，使用 JavaScript 中的 sort() 方法对数据进行排序，将排好序的数据传入 echarts 中。

然后，在 yAxis 中设置 inverse 属性为 true，表示将 y 轴反向显示，即从上到下显示。

以下是一个简单的示例代码：

// 假设原始数据为
let data = [
  {name: 'A', value: 50},
  {name: 'B', value: 30},
  {name: 'C', value: 70},
  {name: 'D', value: 20}
];

// 对数据进行排序
data.sort((a, b) => b.value - a.value);

// 将排好序的数据传入 echarts 中
let myChart = echarts.init(document.getElementById('chart'));
let option = {
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'category',
    data: data.map(item => item.name),
    inverse: true // 将 y 轴反向显示
  },
  series: [{
    type: 'bar',
    data: data.map(item => item.value)
  }]
};
myChart.setOption(option);

这样就可以实现横向柱状图从大到小排序的效果了。