javascript - 为什么 highstock 图表有两个 y 轴？

Question

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

我有点困惑为什么这两个 yAxis 对象及其关联，这两个 yAxes 的存在可以在 jsfiddle 中看到通过添加警报电话

alert(chart.yAxis.length);

在第 93 行，就在点击处理程序之前

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

Answer 1

对于简单的 Highstock 图表，每个轴都有两个。第一个是图表，和往常一样，第二个是 Highstock 附带的导航器，显示在图表下方。

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

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

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