2016-08-23 131 views
0

我有下面這張圖,我需要條形圖的值,如圖像分開使用Highcharts拆分條形圖使用Highcharts

enter image description here

怎麼可以這樣使用HighCharts實現以下。謝謝!

+0

你可以做幾件事情。 1)只使用空白類別,空白數據值爲空白點; 2)使用三個不同的x軸,每組一個,每個組都有自己的類別集,爲每個軸設置* left *和* width *屬性,以實現我所看到的所需佈局 – jlbriggs

回答

1

在我上面的評論中進行了擴展,下面是一個回答問題的示例,它還將值和增長百分比分爲同一圖表中的兩個獨立圖,消除了由於繪製不相關單位而引起的數據混淆採用雙Y軸(很明顯,你可以跳過這一部分,如果你想要的,但我會強烈建議分離這兩個數據元素)一起:

類別設置:

xAxis: { 
    categories: [ 
    '2008', 
    '2009', 
    '2010', 
    '2011', 
    '', 
    'YTDDec2011', 
    'YTDDec2012', 
    '', 
    'MATDec2011', 
    'MATDec2012' 
    ] 
} 

數據設置:

data: [1638, 1723, 1974, 1983, null, 1983, 2100, null, 1983, 2100] 

和:

data: [0, 5.2, 14.6, 0.5, null, 0.5, 5.9, null, 0.5,5.9] 

小提琴:

輸出: screenshot

+0

。太好了!謝謝! – user3035024