Question

我是dimple.js和d3的新手。对于我的一个测试执行报告工具，我需要显示一个描述执行状态的图表。此图表的类型应为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一个。还应在其条形图区域（内部）中写入个别计数（pass | fail | skip）

我是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

在dimple.js堆积条形图

1 个答案: