将dson文件用于d3.js-graph

Question

我是d3.js的新手，想要使用折线图示例： line-chart-example 使用外部json文件，该文件位于与index.html相同的文件夹中。

当我将源更改为.json时，我只得到一个空白页面。如何更改部分以使用json数据？

    d3.tsv("data.tsv", function(d) {
  d.date = parseTime(d.date);
  d.close = +d.close;
  return d;
}, function(error, data) {
  if (error) throw error;

Answer 1

这里的问题很简单：d3.json 不接受行功能。它必须只是：

  

d3.json（url [，callback]）

鉴于你的代码：

d3.tsv("data.tsv", function(d) {
            d.date = parseTime(d.date);
            d.close = +d.close;
            return d;
        }, function(error, data) {
            if (error) throw error;

它的“JSON”版本必须是：

d3.json("data.json", function(error, data) {
    if (error) throw error;

所以，移动行函数......

function(d) {
    d.date = parseTime(d.date);
    d.close = +d.close;
    return d;
},

...到forEach循环，在内部回调。