使用 dimple.js 将 xValue 总数相加

Question

我有一个条形图显示三个独立的条形图。我想要做的是将每个值的总 xValues 加在一起，并在页面的其他地方显示该总值。有没有办法用酒窝做到这一点？

Answer 1

Dimple只是为了简化图表绘制，其他的交给d3。因此，您可以对基础数据使用 d3.sum 来获取您要查找的值。因此，如果您的数据如下所示：

data = [
    { "xValue": "A", "yValue": 14 },
    { "xValue": "A", "yValue": 13 },
    { "xValue": "B", "yValue": 11 },
    { "xValue": "C", "yValue": 24 }
];

你可以这样做：

svg.append("text")
    .attr("x", 100)
    .attr("y", 100)
    .text(d3.sum(function (d) { return d.yValue; }));

这将在您的 svg 中放置一些未格式化的文本，在 100,100 处显示 62。

您可以使用适当的 d3 方法定位和应用格式等。

使用 dimple.js 将 xValue 总数相加

Adding together xValue totals using dimple.js

charts

d3.js

dimple.js