highcharts - 在y轴上显示最后一个标签时范围选择器的Highcharts填充？

Question

当我显示 yaxis 的最后一个标签时，范围选择器的间距变得拥挤。

示例：http: //jsfiddle.net/georgeludwig/FttkQ/7/

你可以看到“75”和“30”是如何卡在那里的。

有没有办法在范围选择器周围获得更多空间？我一直在搞乱各种填充值，​​但没有任何效果。

代码：

<code>
$(function () {
    var chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            alignTicks: false
        },

        yAxis: [{ // Primary yAxis
                endOnTick: true,
                showLastLabel: true,
                title: {
                    text: 'Time Published',
                    style: {
                        color: '#89A54E'
                    }
                },
                gridLineWidth: 0,
                opposite: true,

            }, { // Secondary yAxis
                showLastLabel: true,
                title: {
                    text: '% Audience Coverage',
                    style: {
                        color: '#4572A7'
                    }
                },

            }],

        series: [{

            yAxis: 0,
            type: "scatter",
            data:[ [1142294400000,2],
                   [1183334400000,5],
                   [1199232000000,18],
                   [1230768000000,9],
                   [1262304000000,4],
                   [1294012800000,20],
                   [1325548800000,1],
                   [1357084800000,6] ]

        }, {

            yAxis: 1,
            type: "areaspline",
            data:[ [1142294400000,9],
                   [1183334400000,10],
                   [1199232000000,15],
                   [1230768000000,25],
                   [1262304000000,35],
                   [1294012800000,46],
                   [1325548800000,47],
                   [1357084800000,68] ]

        }]
    });
});
</code>

Answer 1

您可以使用 maxPadding ( http://api.highcharts.com/highcharts#yAxis.maxPadding ) 设置 tickInterval ( http://api.highcharts.com/highcharts#yAxis.tickInterval )

http://jsfiddle.net/FttkQ/9/

yAxis: [{ // Primary yAxis
            showLastLabel: false,
            title: {
                text: 'Time Published',
                style: {
                    color: '#89A54E'
                }
            },
            gridLineWidth: 0,
            opposite: true,
            tickInterval:10,
            maxPadding:1

        }, { // Secondary yAxis
            showLastLabel: false,
            maxPadding:0.2,
            tickInterval:25,
            title: {
                text: '% Audience Coverage',
                style: {
                    color: '#4572A7'
                }
            },

        }],

Answer 2

@Sebastian Bochan，我们不能使用 rangeSelector 吗？为什么此 rangeSelector 不适用于缩放按钮？

rangeSelector: { inputPosition: { y: 5 } }