highcharts - 2 つの異なるカテゴリ間の highChart 棒グラフ間のスペースを削除する方法

Question

jsfiddle のコメントを読んでください。c1 http://www.jsfiddle.net/QnU9e/1/の青と緑の間のレンダリングされたグラフにスペースがあってはなりません 。

棒グラフで2カテゴリーと3シリーズを作る

series: [{
        name: 'A',
        data: [49.5, 71.5]

    }, {
        name: 'B',
        data: [null, 78.8] // The space should not be there in rendered graph between blue one and green one in c1

    }, {
        name: 'c',
        data: [30, 78.8]

    }]

Answer 1

これを行う唯一の方法は、X データ値を指定してバーの間隔を自分で制御することです。完全に制御できるようにを に設定したことに注意してくださいpointPadding: 0。plotOptions

    series: [{
        name: 'A',
        data: [[0.075,49.5], [1,71.5]]

    }, {
        name: 'B',
        data: [[0,null], [1.025,78.8]]// The space should not be there in rendered graph between blue one and green one in c1

    }, {
        name: 'c',
        data: [[-0.075,30], [1.05,78.8]]

    }]

fiddleを更新します。

Answer 2

残念ながら、このオプションはサポートされていませんが、SVG 要素を移動できる translate() 関数を使用して列を操作することができます。