Question

我是JavaScript和D3的新手，无法弄清楚如何允许用户上传csv文件并使用d3显示散点图。我正在使用标签来允许用户选择文件。但我不确定下一步应该是什么。有没有办法读取csv文件并将其内容存储在d3数组中，然后使用该数组显示图形？

提前致谢

Answer 1

查看d3.csv函数（https://github.com/mbostock/d3/wiki/CSV）。这是一个简单的例子

//load up the example.csv file
d3.csv('example.csv',
    function(data){
        //this is an object, the contents of which should
        //match your example.csv input file.
        console.log(data);

        // do more stuff with 'data' related to 
        // drawing the scatterplots.
        //
        //-----------------------
    }, 
   function(error, rows) {
       console.log(rows);
   };
);

网上有很多例子向您展示如何从数据阵列转移到散点图...这是修改这些示例以适合您的特定数据格式的问题。

使用javascript和d3上传csv文件

1 个答案: