dimple.jsの棒グラフ

Question

私はdimple.jsとd3に新規です。私のテスト実行レポートツールの1つとして、実行状況を示すグラフを表示する必要があります。このグラフのタイプはstacked bar chartである必要があります。私のサンプルデータは以下の通りです

、

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つのバー、それぞれの実行IDのいずれかで積み上げ棒グラフとして出力チャートを持っていると思います。また、個々のカウント（パス|フェイル|スキップ）は棒グラフエリア（内側）に書き込まれるべきです

私は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() 

誰でも手伝ってもらえますか？

Answer 1

私が知る限り、スタックバーを生成できるように、データをフォーマットする必要があります。私はあなたのデータの更新版を添付し、積み重ね棒を作成しました。 check here for writing value in bar

StackBar