tsv()函数的作用是将制表分隔符的文件内容作为JavaScript对象的数组返回。文件中的每一行都是一个对象,以输入文件的首行内容作为属性名。

<script>

        // window.onload = function(){
            function makeDemo(){
            d3.tsv("sample.csv").then(
                function(data){
                    console.log(data);
                    d3.select("svg").selectAll("circle")
                    .data(data).enter().append("circle").attr("r",3).attr("fill","gray")
                    .attr("cx",function(d){return d ["x"]})
                    .attr("cy",function(d){return d ["y"]})
                    
                }
            );
            };

            // makeDemo();
        // }
        
    </script>

tsv()函数返回一个Promise对象。Promise封装了数据结果和回调,并在数据加载完成准备处理时调用回调。Promise提供then()函数来注册需要调用的回调函数。tsv()函数很挑剔:数据列必须使用制表符分割,也不会忽略空格,必须要有表示属性的表头行等。

标签: none

分享到: