0
A
回答
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]
小提琴:
+0
。太好了!謝謝! – user3035024
相關問題
- 1. 拆分條形圖
- 2. 使用CSS拆分條形圖
- 3. Highcharts Backgroundimage條形圖
- 4. 在Highcharts的分組條形圖中標記單個條形圖
- 5. 在HighCharts中高亮條形條形圖
- 6. Highcharts條形圖json示例?
- 7. Highcharts條形圖容量
- 8. 如何使用HighCharts創建條形圖而不是線形圖?
- 9. 使用Boost庫拆分幾何圖形
- 10. highcharts條形圖上的內部線條
- 11. Highcharts - 使用三角形而不是酒吧的條形圖
- 12. Highcharts分組條形圖中控制條間的間距
- 13. 使用來自數據庫條目的highcharts製作條形圖
- 14. Highcharts - 將條形圖添加到餅圖
- 15. HighCharts - 帶指標的條形圖
- 16. Highcharts - 帶目標線的列/條形圖
- 17. Highcharts - 堆積條形圖 - 刪除軸
- 18. HighCharts - 刪除條形圖的填充
- 19. HighCharts:缺失值的堆積條形圖
- 20. Highcharts - 無法看到該條形圖
- 21. Highcharts疊置條形圖來空
- 22. 條形圖上的Highcharts標記
- 23. Highcharts堆積條形圖:如何吧
- 24. Highcharts條形圖不顯示yaxis值
- 25. Highcharts中的陰影條形圖
- 26. Highcharts從JSON數據條形圖中angularJS
- 27. Highcharts - 如何創建流式條形圖
- 28. Highcharts比較日期範圍條形圖
- 29. Highcharts - 從條形圖獲取容器ID
- 30. Highcharts帶條形文字的水平條形圖
你可以做幾件事情。 1)只使用空白類別,空白數據值爲空白點; 2)使用三個不同的x軸,每組一個,每個組都有自己的類別集,爲每個軸設置* left *和* width *屬性,以實現我所看到的所需佈局 – jlbriggs