2012-09-22 46 views
6

是否有創建重疊列的方法?highchart中的列重疊

例如在this jsFiddle中,藍色和紅色列應該如下圖所示相互重疊,藍色是後面的一個,前面是紅色。

Overlapping columns

爲了澄清,我不想堆疊列,無論是藍色和紅色柱應該從x軸(Y = 0),而不是一個比其他

+0

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

回答

9

編輯 啓動Highcharts在其2.3版本中引入了plotOptions.column.grouping開關來處理這一切。請參考Garrick's Answer

我會在下面回答,因爲它仍然有助於瞭解groupPadding和pointWidth是如何工作的。

原來的答案

您正在尋找grouped and overlapping columns

你可以通過設置plotOptions.column.groupPadding 0.5

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

這裏實現這一目標的圖像來說明groupPadding如何工作 Group Padding

正如你看到的,當groupPadding爲0.5列的寬度被泄露給了所需填充,通過指定pointWidth可以抵消此行爲

+0

我想要的列被重疊,而不是堆疊在彼此的頂部上。 pointPadding:-0.3接近我想要的。列重疊但不完全對齊。任何方式讓他們完美對齊? – Armin

+0

我不知道那@Armin,但不會完全重疊列,完全蝕掉後面的列,如果前列有更高的值? –

+0

它會,但前列永遠不會有更高的價值,這就是爲什麼我會想這樣:) – Armin