使用javascript和d3上传CSV文件

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);
   };
);

在线上有许多示例向您展示了如何从数据阵列转到散点图...需要修改这些示例以适合您的特定数据格式。