2012-09-22 8 views
6

重複する列を作成する方法はありますか?ハイチャート内の重複する列

たとえば、青と赤の列は、下に示すように重なり合うはずです。青は背面にあり、前面に赤があります。this jsFiddle明確にするため

Overlapping columns

、私は両方の青と赤の列、積み重ねられた列を必要としない他の

+0

http://blog.stackoverflow.com/2009/08/new-question-asker-features/ –

答えて

9

EDIT 上の1つx軸(Y = 0)から開始してはなりませんHighchartsは正確にこれを処理するためにバージョン2.3にplotOptions.column.groupingスイッチを導入しました。参照してくださいGarrick's Answer

私はまだgroupPaddingとpointWidthの仕組みを理解するのに役立ちますので、以下の回答を残します。

オリジナル回答

あなたはgrouped and overlapping columnsを探していますか?

あなたがここにgroupPaddingが0.5であるとき、列幅を与えるために危険にさらされ、見ての通りgroupPaddingが Group Padding

をどのように機能するかを説明するためのイメージですplotOptions.column.groupPadding

0.5から
plotOptions: { 
    column: {   
     groupPadding: 0.5 // Exactly overlap 
     pointWidth: 20,          
    } 
}, 

を設定することによって、これを達成することができますこの振る舞いに対抗できるpointWidthを指定して、希望のパディングを設定します。

+0

私は列がオーバーラップする代わりに、互いの上に積み重ねることにしたいです。 pointPadding:-0.3は私が望むものに近いです。列は重なり合っていますが、完全には整列していません。完全に整列させる方法はありますか? – Armin

+0

私はその@Arminについてはわかりませんが、列が完全に重なっていなくても、前の列の値が大きい場合は後ろの列を完全に覆います。 –

+0

それでも、フロントコラムは決して高い価値を持つことはできません。理由はどうしてでしょうか? – Armin

22

また、grouping: falseを設定することでこれを達成できます。

http://jsfiddle.net/garrickcheung/67BkD/19/

+1

これは答えにする必要があります;) – benpage

+0

合意は、幾分清潔な解決策のようです。 –

+0

正確には私が探していた答え – elynch

関連する問題