想要使用某些功能更新 data.js（无数据库）答案

【问题标题】：Want to update data.js with some function (No Database)想要使用某些功能更新 data.js（无数据库）
【发布时间】：2016-05-12 08:07:00
【问题描述】：

我有一个名为 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 工作，您将获得堆积条形图。

【问题讨论】：

所以你想用js编辑一个文件？
是的。这将使代码看起来不错，否则脚本本身会包含大量数据。
我不认为你可以用客户端 js 做到这一点。也许使用 localStorage 或 nodejs（服务器端）。 stackoverflow.com/questions/22087881/…, stackoverflow.com/questions/339679/edit-a-file-using-javascript
@echonax 是否可以更新它，如果数据在同一个 js 文件中，就像我在小提琴中使用了数据一样。不是单独的js文件，而是在同一个js文件中。
您能否指导我或帮助我做到这一点，可能是通过对小提琴进行更改。我不太喜欢 javascript。

标签： javascript jquery d3.js

【解决方案1】：

好的，结果如下：fiddle

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

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

我使用 jquery 来绑定点击事件，但如果你愿意，可以将其更改为 d3。

【讨论】：

太好了，我通过更新其他元素（如 data[2].mcintosh）来检查它。它工作正常。非常感谢:-)
希望我也可以更新一些变量，这些变量将通过一些参数在函数内部传递，因为我无法修复它，要更新什么数字。