使用dimple.js将xValue总数加在一起

Question

我有一个显示三个单独栏的条形图。我想要做的是将每个xValues的总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中放置一些未格式化的文本，显示62为100,100。

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