Highcharts 多个图例答案

【问题标题】：Highcharts multiple legendsHighcharts 多个图例
【发布时间】：2013-07-23 21:12:53
【问题描述】：

我创建了一个 Highcharts 图表，它有多个 Y 轴和一个 X 轴。

Y 轴处于不同的水平：

...
xAxis: {
    type: 'datetime'
},
yAxis: [{
          height: 230,
          top: 70
        }, {
          height: 230,
          top: 394
      },
  ],
...

这样我有多个图表，只有一条时间线，可以让我一次缩放所有图表。见http://jsfiddle.net/jnLAu/

我想要多个图例，每个 Y 轴一个。 Highcharts 中是否有任何方法可以创建具有多个图例的图表？

【问题讨论】：

我不确定我得到了你要找的东西。我可以看到图表上的图例，包含您的所有系列？
我想在每个y轴下都有一个图例（上例共2个），只包含一个y轴的系列
我从来没有这样尝试过。我会制作 2 个图表，然后使用选择事件 (api.highcharts.com/highcharts#chart.events.selection) 使它们保持同步。但是，我喜欢工具提示跨越两个图表的方式。
为什么不创建 2 个图表？
我需要在一个工具提示中包含所有值。此外，跨越整个图表的十字准线对于检查图表很有用。

标签： javascript highcharts

【解决方案1】：

您不能拥有多个图例，但您可以使用多种技术来使您看起来拥有多个图例。对于您的示例，您可以设置

itemMarginBottom: 280

查看更新的小提琴：https://jsfiddle.net/jnLAu/

【讨论】：