dimple.js中堆疊的條形圖

我是dimple.js和d3的新手。對於我的一個測試執行報告工具，我需要顯示一張描述執行狀態的圖表。該圖表應該是stacked bar chart。dimple.js中堆疊的條形圖

我的樣本數據是在如下狀態，

var data = [{ 
       "run-id": 25, 
       "TotalCount": 100, 
       "Pass": 50, 
       "Fail": 30, 
       "Skip": 20 
     }, { 
       "run-id": 26, 
       "TotalCount": 50, 
       "Pass": 35, 
       "Fail": 15, 
       "Skip": 5 
     }, { 
       "run-id": 27, 
       "TotalCount": 60, 
       "Pass": 40, 
       "Fail": 5, 
       "Skip": 15 
     }];

我想有輸出圖表與3巴堆積條形圖（對於上述的數據），一個用於每個運行IDS。另外還應在其條形圖區域（內部）中寫入個人計數（通過|失敗|跳過）

我是dimple.js的新用戶，並且正在加速階段。試過下面的解決方案，但沒有奏效。

chart = new dimple.chart(svg, data); 
chart.addCategoryAxis("x", "run-id"); 
chart.addMeasureAxis("y", "TotalCount"); 
series = chart.addSeries(["Pass", "Fail","Skip"], dimple.plot.bar); 
chart.draw()

任何人都可以幫助/提示我前進嗎？

來源

2016-07-26 appu

據我所知，你必須格式化你的數據，所以你可以生成堆棧欄。我附加了您的數據的更新版本併爲您創建了堆疊欄。 check here for writing value in bar

StackBar

來源

2016-07-26 20:38:36 mtkilic

感謝馬合木提，糾正在數據結構中的元素，並獲得成功！ – appu

沒問題，很高興我能幫到你。我對dimple.js相當陌生，仍然在努力學習。 – mtkilic

dimple.js中堆疊的條形圖

回答

相關問題