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