Highcharts的火花线网格中的堆积百分比栏

时间:2014-09-05 00:06:55

标签: highcharts

我正在尝试修改Highcharts spark line example处的http://jsfiddle.net/o78jnpcz/,这样图表只是一个水平堆积百分比条而不是面积图。

如果我只是将图表类型更改为“bar”并将bar : { stacking : 'percent' }标记添加到plotOptions(或者甚至是正常堆叠),则这只会导致多个水平条而不是单个堆叠条。

这看起来像是一个没有正确预处理数据的简单问题,但我是Highcharts的新手并且暂时无法解决这个问题。如何让它显示堆叠条形视图?此外,如何为栏添加共享点击处理程序(在各部分之间共享,并且可以识别网格中的每个不同图表)。

细胞的例子:

Stacked percent bar in grid

由于该例子中阿拉巴马的数据是71,78,39,66;这应该一直显示一个堆叠的条形图(百分比堆叠),其中截面长度的比例正确。

编辑:

如果有人对类似的东西感兴趣的话,花一些时间来弄清楚我想要的东西jsfiddle

1 个答案:

答案 0 :(得分:2)

您需要添加额外的系列并启用stacking option

示例:http://jsfiddle.net/cmozvokp/