D3.js tsv()函数
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()函数很挑剔:数据列必须使用制表符分割,也不会忽略空格,必须要有表示属性的表头行等。