Highcharts:y轴最后一次超过天花板

时间:2016-09-09 13:28:04

标签: javascript highcharts

类似于this question,我有一张带有两个y轴的Highcharts样条曲线图,第一个代表一个百分比,楼层和天花板设置为0和100,第二个是未知数值。将图表高度设置为200会导致y轴显示105为最后一个刻度。

$(function () {
    $('#container').highcharts({
        chart: {
            defaultSeriesType: 'spline',
            alignTicks: false,
            height: 200
        },
        title: {
            text: 'Y axis exceeds `ceiling` value'
        },
        xAxis: {
            showFirstLabel: true,
            showLastLabel: true,
            labels: {
                enabled: false
            }
        },
        yAxis: [{
            title: {
                text: 'Percentage'
            },
            floor: 0,
            ceiling: 100,
            //,
            //tickPositioner: function () {
            //      alert(this.tickPositions[this.tickPositions.length-1]);    
            //}
        },{
            title: {
                text: 'Number'
            },
            gridLineWidth: 0,
            opposite: true
        }],
        series: [{
            data: [86, 89, 91, 97, 97, 97, 97, 97, 97, 97, 97, 97]
        }, {
            yAxis: 1,
            data: [685, 676, 651, 649, 649, 649, 649, 649, 649, 649, 649, 649]        
        }]
    });
});

JSFiddle

我尝试设置minPadding和maxPadding,但这不起作用。我也尝试使用tickPoisitioner函数设置我自己的滴答位置,但这里奇怪的是最后一个滴答位置似乎是100(参见注释代码)但无论如何都显示为105 ...将startOnTick设置为false似乎有助于设置最后一个勾选,但这不太符合我的要求,因为我希望在轴的第一个和最后一个位置显示标签。

非常感谢任何帮助。

0 个答案:

没有答案