如何使用d3解析浮点数的csv文件

时间:2016-06-05 09:41:28

标签: javascript csv d3.js

我想用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;。

0 个答案:

没有答案