在一些图表场景中,需要显示多柱堆叠的数据,那么X轴上每一段单位区域内会有多根柱子,每一根柱子标识不同的数量项含义,那么怎样控制这几根柱的左右顺序呢?
其实这跟echarts的option里的series由关,开始我以为是stack的名字,试了一下并不是,其实跟series里的数据项顺序有关。如果生成的顺序和最终需要显示的顺序不匹配,也没有做最后的排序工作,那么效果是不满足需求的。
有两种解决方案:一是为每个stack准备一个数组,最后按需要显示的顺序合并为一个数组,比如最终option里的series:[…stk1,…stk2,…stk2,…stk4]
另一个方案是如果所有的stack数据都放在一个数组seriesdata,那么setOption前要做一下排序,json数组按stack属性排序即可,或者字母序,或者另外定义了一个包含stack名为元素的顺序数组。个人推荐前一个方案,简单明了。
echarts多柱堆叠的X轴顺序
于 2024-07-16 12:47:21 首次发布