javascript - Highcharts:Y 轴网格线未对齐

Question

我正在尝试在 Highcharts 中创建一个包含多个数据系列的图表，每个系列具有不同的 y 轴。使用线性图表的标准功能(y 轴定义数组)可以很好地工作。但是，当其中一个 y 轴被定义为对数时，网格线和轴标签会变得不对齐。

JSFiddle 代码演示问题:JSFiddle

我希望“降雨量”轴的标签位置与“温度”轴上的标签相对应。我可以简单地设置 gridLineWidth: 0 以从 View 中隐藏有问题的网格线，但是标签仍然未对齐。有解决这个问题的简单方法吗？我已经尝试使用 tickPositioner 功能来解决这个问题，但对于看似常见的问题来说，这似乎是一个复杂的解决方案。

Answer 1

它们没有对齐的原因是你的对数轴不是从零开始的。对数轴上不能为零，但可以通过将最小值设置为 1 来接近。

 , { // Secondary yAxis
        min:1,

http://jsfiddle.net/4LKW2/

但是，如果您想强制设置最小值和最大值，我认为您必须使用 tickPositioner 或 tickPositions，例如

tickPositions:[Math.log(24)/Math.log(10),Math.log(42)/Math.log(10),Math.log(73)/Math.log(10),Math.log(129)/Math.log(10),Math.log(225)/Math.log(10),Math.log(400)/Math.log(10)],

http://jsfiddle.net/SWrd6/