javascript - 想要用某些功能更新data.js(无数据库)

我有一个名为data.js的数据文件，如下所示：

为了简化工作，我只在主代码中使用了此数据，否则它是data.js的形式

var data = [{
      year: "first",
      redDelicious: "10",
      mcintosh: "0",
      oranges: "19"
    }, {
      year: "second",
      redDelicious: "12",
      mcintosh: "0",
      oranges: "15"
    }, {
      year: "third",
      redDelicious: "05",
      mcintosh: "0",
      oranges: "28"
    }, {
      year: "fourth",
      redDelicious: "14",
      mcintosh: "0",
      oranges: "12"
    },

  ];

如我们所见，在所有情况下，mcintosh均为零，这是如何初始化的。我想每次运行一个函数时都会更新此mcintosh，该函数将生成要更新为mcintosh的值。
我正在使用它制作堆叠条形图，其中值mcintosh将堆叠在redDelicious上。
在fiddle for above work is here处工作，您将在其中获得堆积的条形图。

最佳答案

好的，这是结果：fiddle

我已经用update()包装了您的函数，因此我们可以再次调用它。

我添加了一个按钮，以便我们可以增加数据中的mcintosh键。
然后在按钮上单击，我删除了svg下的<g>元素，增加了第二个mcintosh值，并调用了update以重绘更新的数据。

我已经使用jquery绑定了click事件，但是您可以根据需要将其更改为d3。

关于javascript - 想要用某些功能更新data.js(无数据库)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37180883/