如何在Highcharts中修复y轴上数组的值

Question

我正在尝试使用属性tickPositions在y轴上显示7个动态百分比的数组，但Highcharts会自动排除数组的最后一个元素。我怎么能包含这个元素？

我目前的图表：

我正在寻找的结果突出显示：

以下是我如何设置y轴的示例

yAxis: [{
            visible: false,
            labels: {
                format: " "
            },
            title: {
                text: " "
            }
        },
        {
            tickPositions: dataKickbacks.KickbackLevels.Percentage,
            endOnTick: true,
            title: {
                text: "Kickback",
                style: {
                    color: "#000000"
                }
            },
            labels: {
                format: '{value}%'
            },
            style: {
                color: "#000000"
            },
            opposite: true
        }],

series: [{
        name: "Revenue",
        color: "#D8D8D8",
        type: "column",
        data: monthlyAmount,
        tooltip: {
            valuePrefix: 'CHF '
        },


    }, {
        name: "Projected Kickback",
        color: "#000000",
        type: "line",
        yAxis: 1,
        dashStyle: "line",
        shadow: true,
        data: [
            [0, initialKickbackPercentage],
            [11, projectedKickbackPercentage]
        ],
        marker: {
            enabled: false
        },
        tooltip: {
            valueSuffix: '%'
        },

    }]

Answer 1

tickPositions可能不是满足您需求的最佳方法。 tickInterval更适合您的图表。

yAxis: {
            tickInterval: 2.5,
            max: 15,
            min: 0,
}

我们为yAxis决定了tickInterval，max和min值。所以我们的图表会像您想要的那样显示。

我为你做了一个工作示例，你可以在这里看到：jsFiddle。