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

问题描述 投票:0回答:1

是否可以创建带有子标题的highcharts图例而不仅仅是图例标题?例:

标准图例看起来像:

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

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

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

这似乎是一件容易的事,但是在API documentation中找不到任何可以让我这样做的东西,谢谢你的帮助/建议

javascript jquery highcharts
1个回答
1
投票

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

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.