传递JSON数组以在d3中起作用

时间:2019-03-16 06:30:57

标签: javascript d3.js

我想在d3中读取json数据。对于显示的here,我有一个json文件“ twtr.json”而不是twtr.csv。

json文件的结构如下:

{
"Resources":
[
  {
    "Date": "19-Jul-17",
    "Open": 20.03,
    "High": 20.21,
    "Low": 19.83,
    "Close": 20.12,
    "Volume": 13469807
  },
  {
    "Date": "18-Jul-17",
    "Open": 19.76,
    "High": 19.99,
    "Low": 19.41,
    "Close": 19.98,
    "Volume": 15554456
  },

我尝试使用以下方法读取数据:

var line = d3.lineRadial()
            .angle(function(d) { return x(d.Resources[].Date); })
            .radius(function(d) { return y(d.Resources[].Close); });

    d3.json("twtr.json" ,function(d) {
      d.Date = parseTime(d.Resources[].Date);
      d.Close = +d.Resources[].Close;
      return d;
    }, function(error, data) {
      if (error) throw error;

      x.domain(d3.extent(data, function(d) { return d.Resources[].Date; }));
        y.domain(d3.extent(data, function(d) { return d.Resources[].Close; }));

但是以上方法不起作用。 我正在尝试使用Resources数组保留json结构。如何正确读取json文件?

0 个答案:

没有答案