javascript - Highcharts y 轴上限未被遵守

Question

我在使用 Highcharts 时遇到问题，我的两个 y 轴之一的上限未得到遵守。

Y 轴“1”表示百分比值，因此下限为 0，上限为 100。

Y 轴“2”表示货币值，因此下限为 0，上限为 null。

出于某种原因，y 轴“1”的标签增加到 150。

如果我更改相应的系列数据，以便将值 0 更改为 20，问题似乎就会消失，标签会按预期停在 100。

var dataX = [0, 67,  43, 100, 100, 80];
var dataY = [950, 900, 807, 650, 600, 450];

$(function () {
    $('#container').highcharts({

        series: [{
            name: 'Series 1',
            data: dataX,
            yAxis: 0},
        {
            name: 'Series 2',
            data: dataY,
            yAxis: 1}],
        yAxis: [{
                floor: 0,
                ceiling: 100,
                title: {
                    text: '1'
                },
            },
            {
                floor: 0,
                ceiling: null,
                title: {
                    text: '2'
                },

                opposite: true}]});});

http://jsfiddle.net/2bzew/2/

谁能解释为什么会这样？

Answer 1

我遇到了类似的问题，但我发现使用以下方法可以解决问题:

        maxPadding: 0,
        minPadding: 0,

这些值的默认值均为 0.05，因此将添加到您的数据中并导致 highstock 使 y 轴大于预期。将它们归零似乎可以解决我的问题。

我还建议设置以下内容，以便最大值仍然有一个标签:

        showLastLabel: true,

http://jsfiddle.net/M4bVz/