d3.scale.linear()返回NaN

时间:2015-08-03 16:59:17

标签: javascript json d3.js

我正在尝试使用30读取json文件,其中图形y轴取决于json文件中的最大数量。在文件中记录数据时,我得到900cy,我可以使用yscale()来设置我的NaN但是当我将它放在var yScale = d3.scale.linear() .domain([0,d3.max(charts)]) .range([0,height]) var height = 600, width = 800, circleWidth = 50, offSetX = 15 d3.json('_/data.json', function(data){ for (key in data) { charts.push(data[key].amount); }; var graph = d3.select("#graph").append('svg') .selectAll('circle').data(charts) .enter().append('circle') .attr('cx', function(d, i){ return (i * circleWidth) + offSetX; }) .attr('cy', function(d){ return yScale(d); }) 函数中时,它表示数据是[ { "song":"Song1", "amount":30 }, { "song":"Song2", "amount":900 } ]

{{1}}

Json文件

{{1}}

1 个答案:

答案 0 :(得分:0)

发现我的问题。应该将variables放在d3.json函数