无法从url d3.js访问json

时间:2016-10-23 11:53:51

标签: javascript json d3.js

我正在尝试从URL访问JSON数据以在D3中创建图表。

var url = "https://script.google.com/macros/s/AKfycbwy56QiQwyfkkaLFWZ33QHVieAHhtLJYNa_AzKcCBr-J7Catgv2/exec?id=1vQsWQPUET20KcgeRKgs5NOOBngqLeUuNTHI1bWi5Et8&sheet=Sheet1";

d3.json(url, function (json) {
  console.log(json[0]);
});

我的JSON数据像

一样
{
  "Sheet1" : [{
      "time" : 0,
      "Date" : "2016-08-09T23:00:00.000Z",
      "Impressions" : 18275,
      "Cost" : 66.87,
      "Actions:_link_clicks" : 110,
      "Offsite_conversions" : 8,
      "Actions:_video_views" : 2071,
      "Reach" : 17692,
      "Clicks" : 230,
      "Call-to-action_clicks" : 0,
      "Click-through_rate_(CTR)" : 1.26,
      "Video_complete_views" : 549,
      "Actions:_post_engagements" : 2210,
      "Actions:_post_reactions" : 24,
      "Actions:_posts" : 2
    }, {
      ...
    }
  ]
}

首先,我只是想在控制台中测试和打印数据。但是没有任何东西在控制台中打印出来。

我做错了吗?

我在带有脚本标记的标题中添加了这个来引用d3.js:

"https://d3js.org/d3.v4.min.js"

1 个答案:

答案 0 :(得分:0)

返回的JSON数据不是数组,因此对其进行索引,[0]返回undefinedJSON数据确实具有Sheet1的属性,在数组中,也许你的意思是:

console.log(json.Sheet1[0])