Javascript 高图堆叠的柱组
从这里开始,我想添加更多的数据,这些数据将堆叠在列上,如您在该示例中所看到的,在每个“系列”的顶部,我想添加另一组数据,因此当您将鼠标悬停在Javascript 高图堆叠的柱组,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,从这里开始,我想添加更多的数据,这些数据将堆叠在列上,如您在该示例中所看到的,在每个“系列”的顶部,我想添加另一组数据,因此当您将鼠标悬停在Series 1上时,会出现如下标签: `Series 1 val1: val1, val2: val2` 将显示 series: [{name: "S1", data: [7,12,16,32,64] },{ name: "S2", data: [7,12,16,32,64] },{ name: "S3", da
Series 1
上时,会出现如下标签:
`Series 1
val1: val1,
val2: val2`
将显示
series: [{name: "S1",
data: [7,12,16,32,64]
},{ name: "S2",
data: [7,12,16,32,64]
},{ name: "S3",
data: [7,12,16,32,64]
}]
我想添加的数据应该添加到每个系列的顶部,并且必须与每个系列相关,因此,如果我想隐藏
S1
,整个列都应该隐藏。好的,要连接系列,请使用链接到系列。要设置堆叠,请使用堆叠:'normal'
,对于系列,请使用堆叠
。结果如下:
关于工具提示,没有简单的解决方案。在Highcharts中,您可以在工具提示中显示或显示所有系列,也可以仅显示一个系列。你不能为它选择两个系列。最好的解决方案是在工具提示.formatter
中循环所有系列,并仅显示与悬停点相同堆栈的系列值,请参阅。快乐编码;)