我想用d3绘制散点图。当我运行该代码时,它会出错。我的csv数据文件包含自然数字和浮点数字。
这是代码。
<script>
var svg = d3.select("body").append("svg")
.attr("width", 500)
.attr("height", 500);
var xScale = d3.scale.linear().range([0, 500]);
var yScale = d3.scale.linear().range([0, 500]);
function render(data){
xScale.domain(d3.extent(data,function(d){return d.Droplet_no; }));
yScale.domain(d3.extent(data,function(d){return d.Amplitude; }));
var circles = svg.selectAll("circle").data(data);
circles.enter().append("circle").attr("r", 10);
circles
.attr("cx", function(d){ return xScale(d.Droplet_no);})
.attr("cy", function(d){ return yScale(d.Amplitude);});
circles.exit().remove();
}
function type(d){
d.Droplet_no = +d.Droplet_no;
d.Amplitude = +d.Amplitude;
return d;}
d3.csv("test.csv", type, render);
</script>
错误是:属性cy:预期长度,&#34; NaN&#34;。