关于前端:highcharts-06legend排序

当应用highcharts创立一个横向搁置的重叠列的colunm图时,highcharts绘图实例默认是从右到左重叠(即series中index=0的在最左边,index=1的放在index=0的右边),如下图所示,图例legend的程序与预期程序雷同,而图中的column item程序与预期相同。(legend 1 2 3, column item 3 2 1)

想要达成同序,须要用到stockOptions.series.index或者 stockOptions.series.legendIndex,调整legendIndex的程序

举个简略的例子

series: [
  {
    name: "TMT",
    data: dataArr0,
    index:1,
    legendIndex:0
  },
  {
    name: "医药",
    data: dataArr1,
    index:0,
    legendIndex:1
  }
]

调整legendIndex和index 最终达到legend从左到右,同时column item也从左到右

完结

=======分割线======
题外话,还有一个stockOptions.series.showInLegend 选项
设置stockOptions.series.showInLegend = false; 图例就不会在上面图例区域展现进去

同步更新到本人的语雀
https://www.yuque.com/diracke…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理