我正在使用分层数据的 d3.js 中制作图表。它将是交互式的,因此您可以添加数据值、子项等。我的问题很简单:有没有一种方法可以在浏览器中动态使用 JSON,即编辑层次结构并从中添加/删除数据。如果没有,我可以使用任何替代方案吗?
提前致谢!
我正在使用分层数据的 d3.js 中制作图表。它将是交互式的,因此您可以添加数据值、子项等。我的问题很简单:有没有一种方法可以在浏览器中动态使用 JSON,即编辑层次结构并从中添加/删除数据。如果没有,我可以使用任何替代方案吗?
提前致谢!
不确定这是否有帮助,但 JSON 只不过是一个普通的 JS 对象,您可以使用它来定义
var foo = {
name: "foo"
type: "bar"
children: [{}, {}]
}
如果你有一个代表 JSON 的字符串,你可以解析它:
var json = '{"name":"foo","type":"bar",children: [{}, {}]}',
obj = JSON.parse(json);
您可以通过普通的 javascript 添加/删除数据。在这里您可以找到更多相关信息: http: //www.json.org/js.html
使用JSON.parse将 JSON 转换为对象(您可能需要 JSON2 库来填充),根据需要进行修改,当您需要返回 JSON(例如将其发送回服务器)时,将其重新转换为字符串使用JSON.stringify