从 Json 文件中读取以创建图形 javascript

Question

我需要你的帮助。 我想更改此图：http://bl.ocks.org/mbostock/3885211 从 json 文件而不是 tsv 读取。这是我的 Json 文件的格式。

{
  "name":"chrome" ,

  "values": [   
      { "time" : 1232323 , "value:" :  12}, 
      { "time" : 12323323 , "value:" : 19   
   ]},

{   
  "counter":"Mozilla" ,

  "values": [   
    { "time" : 1232sd3 , "value:" : 18}, 
    { "time" : 11232323 , "value:" : 20}   
  ]},

{    
  "name":"IE" ,

  "values": [   
    {"time" : 12387823 ,"value:" :  100},
    {"time" : 12323 ,"value:" : 123123}
  ]}

]

我尝试了很多，但它不适用于 Json 文件。

非常感谢您的帮助:(

Answer 1

好的。所以我决定花点时间帮你解决问题。到 JSON 的转换做得很差（对于页面上编写的代码）。

从数据中获取 json 的一种快速方法是使用 vim 重新标记数据文件，然后再通过类似 https://github.com/turian/common-scripts/blob/master/tsv-to-json.py 的脚本运行它。

我创建的数据必须手动重新格式化（因为我只是试图设置一个示例），但您可能希望更改代码，以便在生成 json 之前先写入数组（您可能还需要更改common.json 到 json)。

完整的示例托管在这里http://jsfiddle.net/dvqFj/1/

祝你好运