在Highcharts折线图中,放大和缩小后不会显示某些x轴标签。
Please have a look from following link ==>> https://jsfiddle.net/2yc9ozwk/
要重现此问题,您需要调整输出窗口宽度最小值,以便更清晰地检查下方的快照
1)最初当图表加载时,它将显示所有x轴标签。
2)图表放大后点击“重置缩放”按钮
3)缩小后,某些标签不显示。
这个问题看起来像一个bug,所以我在这里报告:https://github.com/highcharts/highcharts/issues/10532
要解决此问题,请使用tickPositioner
函数:
xAxis: {
tickPositioner: function() {
var ticks = [];
for (var i = this.dataMin; i < this.dataMax; i++) {
ticks.push(i);
}
return ticks;
},
...
},
现场演示:https://jsfiddle.net/BlackLabel/7bgj6tvs/
API参考:https://api.highcharts.com/highcharts/xAxis.tickPositioner