Highcharts - 具有相同对象的多个图表

Question

使用 highcharts，我必须在同一页面上显示两个（或三个）图表，我想知道是否可以在不创建两个 div 的情况下只用一个对象来做到这一点。

我实现了抓包说明：http://el.juky.free.fr/two_charts.jpg

从 fiddle 创建：jsfiddle.net/mn92t5tL/2

所以我希望在第一个图表"Histo1"下方"Line2"和它的图例显示"Histo1"并且不在上面（事实上，这两个图表仅通过 x 轴链接）。

我知道可以创建 2 个 div 但是，因为 xAxis 是链接的，所以我只想保留一个 highchart 对象，以便缩放应用于所有图形。

谢谢。

Answer 1

是的。您可以有多个 y 轴，并垂直对齐它们。

Example:

• http://jsfiddle.net/jlbriggs/KMA55/5/

代码：

yAxis: [{
    height:100
},{
    top:145,
    height:80,
    offset:0
}]

您还必须确保将每个数据系列分配给相关轴。