解析来自 csv 的数据并在图形 javascript 中将其可视化答案

【问题标题】：parse data from csv and visualize it in graph javascript解析来自 csv 的数据并在图形 javascript 中将其可视化
【发布时间】：2017-12-01 00:08:30
【问题描述】：

我正在尝试解析 csv 文件，这是我的代码

var directors ={};
var csv = d3.csv("movie.csv",function (data){

for (var i =0; i<data.length;i++){
    var dir= {};
    dir["director_name"] = data[i]["director_name"];
    dir["budget"] = data[i]["director_name"];
    dir["budget"] = +data[i]["budget"];
    dir["gross"] = +data[i]["gross"];
    dir["average"] = (dir.gross+dir.budget)/2;
    directors.push(dir);
}

}); console.log(directors);

当我打印它时，我得到了所有对象，但是当我尝试打印数组长度时，我得到 array.length=0 获取特定索引。我需要在图表中可视化一些数据

//Chart
var svg = dimple.newSvg("body", 1200, 1200);
var chart = new dimple.chart(svg, d);
chart.setBounds(60, 30, 800, 800);
chart.addCategoryAxis("x", "budget");
chart.addMeasureAxis("y", "gross");
chart.addMeasureAxis("z", "average");
chart.addSeries(dimple.plot.bubble);
chart.addLegend(200, 10, 360, 20, "right");
//chart.setStoryboard("year");

chart.draw();

【问题讨论】：

directors = [] ?而不是对象，使用数组
我需要几个数据字段，我该怎么做
什么意思？不确定我是否理解这个问题。你说 array.length 是 0，但我没有看到你使用任何数组...
使用@Shaniqwa 的建议。然后你将有一个对象数组。数组中的每个对象都会有你需要的数据字段。
我将导向器更改为阵列

标签： javascript d3.js dimple.js

【解决方案1】：

var directors =[];
var csv = d3.csv("movie.csv",function (data){

    for (var i =0; i<data.length;i++){
        var dir= [];
        dir.name = data[i]["director_name"];
        dir.budget = +data[i]["budget"];
        dir.gross = +data[i]["gross"];
        dir.average = (dir.gross+dir.budget)/2;
        directors.push(dir);
    }

});
console.log(directors[0]);

【讨论】：