为什么highstock图表有两个yAxis？

Question

如果您检查Highstock yAxis对象的数量，那么对于标准条形图，有两个

我有点困惑为什么两个yAxis对象及其相关内容，通过添加警报调用可以在jsfiddle中看到两个yAx的存在

alert(chart.yAxis.length);

在点击处理程序

之前的第93行

似乎在添加数据系列时，yAxis总是比数据系列多1个。

Answer 1

对于简单的Highstock图表，每个轴都有两个。第一个用于图表，像往常一样，第二个用于导航器，它与Highstock一起出现并出现在图表下方。

• 如果在构造函数选项中添加更多轴，导航器将是chart.xAxis和chart.yAxis数组中的最后一个索引。

• 如果在创建后动态添加更多轴（使用chart.addAxis），它们将被添加到数组的末尾，因此导航器将保留在其原始索引处。

导航轴的设置通常通过navigator.xAxis和navigator.yAxis设置。

Answer 2

通过查看yAxis高度，似乎第二个yAxis（yAxis [1]）用于图表下方的导航窗口。因此，与数据序列相关的图表yAx是yAxis [0]，yAxis [2] yAxis [3]等等。

调试器输出

line.plot.yAxis[0].height
229
line.plot.yAxis[1].height
40
line.plot.yAxis[2].height
229