在放大和缩小后的Highcharts中,不显示某些x轴值

问题描述 投票:0回答:1

在Highcharts折线图中,放大和缩小后不会显示某些x轴标签。

Please have a look from following link ==>> https://jsfiddle.net/2yc9ozwk/

要重现此问题,您需要调整输出窗口宽度最小值,以便更清晰地检查下方的快照

1)最初当图表加载时,它将显示所有x轴标签。

enter image description here

2)图表放大后点击“重置缩放”按钮

enter image description here

3)缩小后,某些标签不显示。

enter image description here

javascript charts highcharts linechart
1个回答
0
投票

这个问题看起来像一个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

© www.soinside.com 2019 - 2024. All rights reserved.