来自csv http url的D3图表

时间:2015-11-28 11:26:31

标签: javascript csv d3.js

我正在尝试使用d3.js获取柱形图。数据源采用来自url:https://api.thingspeak.com/channels/***/feed.csv?key=***&start=2015-11-24%2010:00:00&end=2015-11-24%2014:00:00的csv格式,因此代码为:

 // Parse the date / time
        var parseDate = d3.time.format("%Y-%m-%d %H:%M:%S UTC").parse;


 d3.csv("https://api.thingspeak.com/channels/***/feed.csv?key=***&start=2015-11-24%2010:00:00&end=2015-11-24%2014:00:00", function (error, data) {
        data.forEach(function (d) {
            d.date = parseDate(d.created_at);
            d.value = +d.field1;
        });

        x.domain(data.map(function (d) { return d.date; }));
        y.domain([0, d3.max(data, function (d) { return d.value; })]);

csv http url格式数据是:

created_at,entry_id,field1,field2
2015-11-24 10:09:38 UTC,1032,6,6
2015-11-24 10:39:37 UTC,1033,4,10

这是我得到的错误:

  

未捕获的TypeError:无法读取属性' getFullYear'为null   来自d3.v3.min.js:1,

我已经使用相同的数据测试了本地csv文件并且它可以正常工作。

我也启用了CORS,它仍然无效。

可能是什么问题? 非常感谢你。

0 个答案:

没有答案