如何实现ECharts堆叠柱状图按X轴组排序并将最大段置于底部？

以下几个开源JS/React图表库支持自定义堆叠柱状图的分段顺序，能满足你把最大分段放在底部的需求：

• Chart.js
  轻量且流行的图表库，支持通过调整数据系列的顺序控制堆叠分段位置。只需将对应最大数值的数据集放在数据数组最前端，配合stack配置就能让它处于堆叠底部。React项目可使用react-chartjs-2封装库快速集成。

• Recharts
  基于React的专用图表库，对堆叠柱状图的层级控制灵活度高。在<BarStack>组件中，把对应最大分段的<Bar>组件放在最前面渲染，即可实现底部显示最大分段的效果。

• Highcharts
  功能全面的开源图表库（非商业用途免费），支持通过stacking配置结合数据系列顺序控制堆叠层级。将最大数值的系列放在系列数组首位，就能让它处于堆叠底部。

如果暂时不想更换库，也可以尝试在ECharts中手动调整数据系列顺序：把对应最大分段的数据集放在系列数组最前面，同时设置所有同堆叠系列的stack值一致，部分场景下能实现类似效果（ECharts堆叠逻辑默认按系列顺序从下往上叠加）。

内容的提问来源于stack exchange，提问作者Bikram Sutar