Highcharts 计算的最大值不适用于 2+ Y 轴

Question

我已经坚持了一段时间了，尽管进行了多次尝试和大量研究，但我还没有找到解决方案。 我正在构建带有两个 Y 轴的图表。一切都很好，除了 highcharts 计算的最大 Y 值总是比它应该的高得多。导致缩小的图表。 我在这里复制了这个问题：http://jsfiddle.net/9vmtz3nf/

我无法硬编码任何最大值，因为它始终取决于来自数据库的数据，并且可能存在非常大的值余量。

所以基本上，我如何调整选项和参数以确保图形最大值设置为最接近的刻度（在 jsfiddle 示例中为 150/600）？

提前谢谢你

$(function () {
    Highcharts.chart('container', {
        chart: {
            type: 'line'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: [{
            title: {
                text: 'Primary Axis'
            },
        }, {
            title: {
                text: 'Secondary Axis'
            },
            opposite: true
        }],
        plotOptions: {
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 124.0, 126.0, 135.6, 111.5, 116.4, 114.1, 95.6, 54.4]

        }, {
            data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4],
            yAxis: 1

        }]
    });
});

Answer 1

这是图表试图找到共同点的结果。即使您对 max 值进行硬编码，图表也会以这种方式运行。

将alignTicks 属性设置为false 将解决此问题。

chart: {
  alignTicks: false
}

小提琴：

• http://jsfiddle.net/jlbriggs/9vmtz3nf/2/

参考：

• http://api.highcharts.com/highcharts/chart.alignTicks