用CSV替换d3js的JSON文件

时间:2016-05-31 02:10:23

标签: json csv d3.js

http://bl.ocks.org/robschmuecker/7880033

我是javascript和d3的新手。上面的例子是树形图。我可以创造我自己的。但是,如果我想将它用于员工数据之类的东西,那么除非我错过了一些更容易的技巧,否则总是不得不编辑json会很痛苦。

我在其他图表中使用的excel中的csv看起来会很好用。是否可以用数据替换带有csv的flare.json?如果是这样,怎么样?

1 个答案:

答案 0 :(得分:2)

不,不可能直接。要知道原因,您必须了解函数match = string.match(/\A>.*\(#{number}\)/) 创建数组的方式。假设你有这个CSV:

d3.csv

解析时,它将生成一个对象数组,没有嵌套数组或嵌套对象。第一行定义键名,其他行定义值。这是为该CSV生成的数组:

foo, bar, baz
21, 33, 5
1, 14, 42

或者,如果您不更改类型,则将数字作为字符串:

[
  {"foo": 21, "bar": 33, "baz": 5},
  {"foo": 1, "bar": 14, "baz": 42}
]

你不会得到你想要的任何地方,这是一个包含包含包含数组等对象的数组的对象数组......

您可以稍后修改此数组以创建所需的嵌套子项(请参阅下面的@torresomar注释),但只需编辑JSON就可以了。