Question

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

$(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

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

此处记录了所有参数：http://api.highcharts.com/highcharts

Answer 2

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

如果大小，请使用pointRange：

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

pointRange:1

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

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

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

2 个答案: