Javascript 柱状图中xAxis上的高图表间距问题

Javascript 柱状图中xAxis上的高图表间距问题,javascript,highcharts,Javascript,Highcharts,当我创建一个包含至少2个数据点的简单柱状图时,会出现令人讨厌的间距,正如您在JSFIDLE中看到的那样。间距的宽度以两个数据点之间的最小距离缩放。除了我已经设置的防止间距的选项(最小、最大、最小范围),我找不到任何其他选项 $(function () { $('#container').highcharts({ chart: { type: 'column' }, xAxis: { tickInterval: 1, min

当我创建一个包含至少2个数据点的简单柱状图时,会出现令人讨厌的间距,正如您在JSFIDLE中看到的那样。间距的宽度以两个数据点之间的最小距离缩放。除了我已经设置的防止间距的选项(最小、最大、最小范围),我找不到任何其他选项

$(function () {
$('#container').highcharts({
    chart: { 
        type: 'column'
    },
    xAxis: {
        tickInterval: 1,
        min: 0,
        max: 23,
        minRange: 23
    },      
    series: [{
        data:[[0,10], [23,10]]
    }]
});
});
(大间距)

(没有间距。这也是其他JSFIDLE的外观…

您可以尝试使用groupPadding/pointPadding/pointWidth参数,并根据您的期望调整正确的列


此处记录了所有参数:

不确定是指点之间的间距还是点的大小

如果要更改大小,请使用pointRange:

如果您希望数据像“大间距”示例,但图表像“小间距”示例,那么您只需要将x轴最大值设置得更大


所以。。你想要什么。。你的问题要清楚。如果我不够清楚,我很抱歉。。。我想去掉第一个JSFIDLE中的自动间距,这样它在第二个JSFIDLE中看起来总是一样的。老实说,我不确定它应该是什么样子,因为当你去掉列之间的间距时,使用min/max 1/23 insead(即从1到3)的目的是什么?
pointRange:1