javascript - 带有附加元素的新数组无法可视化

Question

我有下图https://jsfiddle.net/r96upg74/5/

我使用以下代码创建了一个也称为 data 的新数组，并在末尾添加了一个元素“Total”:

var value0Sum = 0,
    value1Sum = 0;

value0Sum = d3.sum(data, function(d){return d[values[0]];});
value1Sum = d3.sum(data, function(d){return d[values[1]];});

data = function (array) {
        r = array.map(function (d) {
            return { id: d.id, value1: d[values[0]], value2: d[values[1]] }} 
        );
    return r.concat([{id:"Total", value1: value0Sum, value2: value1Sum}]);
}(data);

结果是:https://jsfiddle.net/r96upg74/7/

但是，图表无法正确显示新数据。

任何帮助将不胜感激，谢谢

Answer 1

您的代码中存在一些困惑。

这个循环很奇怪:

data.forEach(function(d) {
  for (var i = 0; i < values.length; i++) {
    d.value = +d[values[i]];
    return d;
  }
});

您在 d.value 中分配了一些内容然后停止循环，这样你就永远不会超出i=0

我删除了它，因为您不需要它。

那么你的问题是，在你的第二个 fiddle 中，你转换了曾经有键 id, M, N 的数据。在带有键 id, value1, value2 的数据中.

我已将其更改为 M和N它正在工作:https://jsfiddle.net/3860zcc3/