javascript - ハイチャートの列間隔

Question

私は 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'                    
        }]
    });

したがって、各列には 2 つのバーがあり、これらの 2 つのバーを互いに真っ直ぐに配置したいのですが、列の間にはまだギャップがあります。

それが理にかなっていることを願っています！

どんな助けでも大歓迎です。

どうもありがとう

G.

Answer 1

バーを一緒にする必要があるが、それらのペアの間にパディングも必要な場合は、設定するだけpointPaddingで変更しないでくださいpointWidth。参照: http://jsfiddle.net/Fusher/FpKjQ/16/

Answer 2

groupPadding: 0.1 を使用すると、はるかに近くなります。