加载图表时,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],所以没有无限的担忧。
有什么想法吗?
编辑:它似乎取决于页面大小和图表宽度...但我如何关闭此设置?当我增加和减少页面大小时,它应该永远不会在整数刻度线之间显示小数。
1条答案
按热度按时间flvlnr441#
我已经重现了您的示例,我相信您希望将
tickPositions
属性添加到yAxis
(在条形图序列中,yAxis默认为水平,因此您可能错过了它)。现场演示:https://jsfiddle.net/BlackLabel/v1f2d5mp/