在 Highcharts 中不遵守强制 yAxis.max答案

【问题标题】：Forcing yAxis.max is not respected in Highcharts在 Highcharts 中不遵守强制 yAxis.max
【发布时间】：2016-06-07 09:43:51
【问题描述】：

...或者我的错是什么？

我正在尝试在两个轴上设置 yAxis.max 值。但它不起作用。

左侧 yAxis 应从 330-410 开始，tickInterval 为 10，右侧 yAxis 从 -0.6-1,1 开始，tickInterval 为 0.1。

Here is a fiddle.

   yAxis: [{
        labels: {
            style: {
                color: "#4553c5"
            }
        },
        title: {
            text: "ppm",
            align: "high",
            rotation: 0,
            x: 10,
            y: -30,
            textAlign: 'left',
            style: {
                color: "#4553c5"
            }
        },
        min: 330,
        max: 410,
        tickInterval: 10,
        gridLineWidth: 1,
        gridLineColor: '#efefef',
        endOnTick: false
    }, {
        labels: {
            style: {
                color: "#ec5d61"
            }
        },
        title: {
            text: "°C Anomaly",
            align: "high",
            rotation: 0,
            textAlign: "right",
            x: -10,
            y: -30,
            style: {
                color: "#ec5d61"
            }
        },
        min: -0.6,
        max: 1.1,
        tickInterval: 0.2,
        gridLineWidth: 1,
        gridLineColor: '#efefef',
        opposite: true,
        endOnTick: false
    }],

它有什么问题？感谢您的任何提示！

【问题讨论】：

标签： highcharts max axis

【解决方案1】：

使用双轴时，默认的alignTicks 设置会混淆最小值和最大值。

将alignTicks 设置为 false 通常可以解决问题

    chart: { 
        alignTicks: false
    },

例子：

http://jsfiddle.net/jlbriggs/9hnx0w46/6/

OTOH，使用像这样的双 y 轴图表通常是个坏主意，因为它混淆了两个系列，它们的交互没有任何意义，因为它们是在两个不同的尺度上测量的。

关于该主题的有用阅读：

https://www.perceptualedge.com/articles/visual_business.../dual-scaled_axes.pdf

【讨论】：

【解决方案2】：

当您使用多个 yAxis、min 和 max 值时，通常由 HighCharts计算，这些计算值会覆盖您的设置。

诀窍是同时使用tickAmount、startOnTick 和endOnTick。

这里是你的问题的解决方案：jsFiddle

【讨论】：