javascript - 柱形图中xAxis上的Highcharts间距问题

Question

当我创建一个包含至少 2 个数据点的简单柱形图时，您可以在 jsfiddle 中看到令人讨厌的间距。间距的宽度与两个数据点之间的最小距离成比例。除了我已经设置的选项（最小，最大，最小范围）来防止间距之外，我找不到任何其他选项。

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

http://jsfiddle.net/f5JUU/2/（大间距）
http://jsfiddle.net/f5JUU/3/（没有间距。这也是其他 Jsfiddle 的样子......）

Answer 1

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

如果大小，使用pointRange：

http://jsfiddle.net/f5JUU/4/

pointRange:1

如果您希望数据像您的“大间距”示例，但图表看起来像您的“小间距”示例，那么您只需使 x 轴最大值更大。

http://jsfiddle.net/f5JUU/5/

Answer 2

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

所有参数都记录在这里：http ://api.highcharts.com/highcharts