Highcharts +在图例中添加子标题/组

时间:2017-12-19 10:48:00

标签: javascript jquery highcharts

是否可以使用子标题而不仅仅是图例标题创建highcharts图例? 例如:

标准图例如下:

**countries**
- series A
- series B
- series C
- series D

我希望能够创建类似的东西:

**countries**
- series A
- series B
**regions**
- series C
- series D

这似乎是一件容易的事,但在API documentation中找不到允许我这样做的任何内容,感谢您的帮助/建议

1 个答案:

答案 0 :(得分:1)

不可能有字幕,但我过去这样做的方式是使用假系列:

  • 为每个没有数据的字幕设置假系列
  • 通过在每个字幕系列上设置marker: { radius: 0 }lineWidth: 0来隐藏图例中的符号
  • 从每个字幕项
  • 中删除onclick(显示/隐藏系列)事件

参见JSFiddle示例:http://jsfiddle.net/zzella/ac575ur5/3/

然后,您的问题就是将字幕拉到左侧(如果您希望它们与符号而不是文本左对齐)。我已经展示了如何在小提琴中做到这一点的一个例子,但显然你必须改变它,因此它没有硬编码或者想出一种更干净的方法!

当然,您也可以创建自己的自定义HTML图例来替换默认的Highcharts,而不会出现此问题!