highcharts组的堆叠列

时间:2014-04-25 14:31:18

标签: javascript jquery highcharts

从这里开始http://jsfiddle.net/jlbriggs/TfvGp/我想添加更多数据,这些数据将叠加在列上,如您在该示例中所见,在每个'系列'之上我想添加另一组数据,所以当你将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,则应隐藏整个列。

1 个答案:

答案 0 :(得分:2)

好的,连接系列使用linkedTo来表示系列。要设置堆叠,请使用stacking:'normal'和系列使用stack。结果如下:http://jsfiddle.net/TfvGp/50/

关于工具提示,没有简单的解决方案。在Highcharts中,您可以在工具提示中显示或显示所有系列,或只显示一个。你不能为它选择两个系列。最好的解决方案是循环遍历tooltip.formatter中的所有系列,并仅显示与悬停点相同的堆栈的系列值,请参阅docs。快乐的编码;)