当应用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…
发表回复