javascript - Highcharts 中的列间距

我正在使用 Highcharts 并遇到了一个我正在努力克服的小问题。

我创建了一个 jsfiddle，所以你可以看到我的问题:

http://jsfiddle.net/gokninski/qkBsA/

这是我正在使用的代码:

$('#output-chart').highcharts({
        chart: { type: 'column' },
        title: { text: null },
        xAxis: { categories: ['Column 1', 'Column 2', 'Column 3', 'Column 4'] },
        yAxis: { allowDecimals: false, min: 0, labels: { format: '£{value}' }, title: { text: ''} },
        plotOptions: { column: { stacking: 'normal'}, series: { pointWidth: 50, pointPadding: 0, groupPadding: 0} },
        series: [{
            name: 'Product 1 Element 1',
            data: [0, 100 - 125, 100 - 150, 100 - 175],
            stack: 'Item1'
        }, {
            name: 'Product 1 Element 2',
            data: [100, 125, 150, 175],
            stack: 'Item1'
        }, {
            name: 'Product 2 Element 1',
            data: [0, 100 - 125, 100 - 150, 100 - 175],
            stack: 'Item2'
        }, {
            name: 'Product 2 Element 2',
            data: [100, 125, 150, 175],
            stack: 'Item2'
        }]
    });

所以，每列中有两个条形，我想将这两个条形相互靠在一起，但列之间仍然有间隙。

我希望这是有道理的!

任何帮助将不胜感激。

非常感谢

G。

最佳答案

你可以使用 groupPadding: 0.1 然后它会更接近。

关于javascript - Highcharts 中的列间距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18377070/