如何防止Highcharts在X轴刻度之间显示小数点间隔?

des4xlb0  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(190)

加载图表时,X轴上的点不是1、2、3等,而是在每个整数点之间包括0.2、0.4、0.6等。我不知道如何去掉中间的刻度线。
图表:

new Highcharts.chart('<some id>', {
chart: {
    plotBackgroundColor: null,
    plotBorderWidth: null,
    plotShadow: false,
    type: 'bar'
},
title: {
    text: '<some label>'
},
plotOptions: {
    bar: {
        stacking: 'normal'
    }
},
xAxis: {
    categories: categories,
    // tickInterval: 1,
    tickPositions: [0, 1, 2, 3, 4],
    labels: {
        step: 1
    }
},
yAxis: {
    min: 0,
    max: 4,
    title: {
        text: '<some title>'
    }
},
series: seriesData
})

它似乎忽略了我的刻度线设置。我试过使用tickInterval,但没有指定位置,甚至没有任何东西改变x轴的默认外观。即使我删除了类别数据以外的所有设置,它看起来也是一样的。是的,我的间隔总是[0,4],所以没有无限的担忧。
有什么想法吗?
编辑:它似乎取决于页面大小和图表宽度...但我如何关闭此设置?当我增加和减少页面大小时,它应该永远不会在整数刻度线之间显示小数。

flvlnr44

flvlnr441#

我已经重现了您的示例,我相信您希望将tickPositions属性添加到yAxis(在条形图序列中,yAxis默认为水平,因此您可能错过了它)。

yAxis: {
    tickPositions: [0, 1, 2, 3, 4]
  },

现场演示:https://jsfiddle.net/BlackLabel/v1f2d5mp/

相关问题