javascript - json数据不渲染

标签 javascript d3.js

我是 D3js 新手,并且在使用 json 文件时遇到了一致的问题。这个问题让我非常困惑。我在以下位置发布了一个示例:

http://jsfiddle.net/tommy6s/m5dfmf5r/

我一直在控制台中工作,并尝试了以下以及我能想到的所有其他组合:

 console.log(data) //returns data
 console.log(data.value); //returns undefined 
 console.log(d.value); //returns d is not defined
 console.log(data[0].value); //returns  67.53 first single value

我还收到控制台错误:TypeError: string.slice is not a function var n = d3_time_numberRe.exec(string.slice(i, i + 4));

最佳答案

d.data 数组中的元素具有以下结构:

["2015-02-28", 67.53, 68.67, 67.05, 67.68, 0.0, 67.68 ]

enter image description here

我不确定为什么这不是一个 JSON 对象(带有字段值对),但为了访问它,您需要执行以下操作:

function(error, d) {
  var data = d.data;
  data.forEach(function(d) {
    var date   = parseDate(d[0]);
    var open = d[1];
    var high = d[2];
    ..
    var close= d[6];
  });
}

关于javascript - json数据不渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28356156/

相关文章:

JavaScript、Jasmine、隐藏禁用的 jasmine 规范

javascript - d3.js 词云中元素的重叠

JavaScript、使用 CSV 的 D3 条形图错误

javascript - HTML 中的 SVG : How to use a multicolored SVG as a mask

javascript - IE9 中远程文件的 window.print() 问题

javascript - 如何在 Vuex 状态创建中使用函数

javascript - 如何优化最大值算法

javascript - 如何通过在 D3 中应用新类来覆盖内联样式

javascript - 从本地主机获取 json 数据以在 D3 中使用

javascript - 在 d3.js 中将 div 附加到圆圈