用未知标头绘制D3.js CSV图

Question

我正试图用is本机CSV解析器[ d3.csv() - https://github.com/mbostock/d3/wiki/CSV ]在D3.js中绘制一个图表。

下面是通过d3.csv()绘制的分组条形图的一个例子- http://bl.ocks.org/mbostock/3887051

我面临的问题是，当CSV中的标题未知时，我无法使图表工作。

例如，在上面的示例中，只有当CSV文件中的头是

State,Under 5 Years,5 to 13 Years,14 to 17 Years,18 to 24 Years,25 to 44 Years,45 to 64 Years,65 Years and Over

如果我使用标题，如

Year,Age,Gender

那么图表就不工作了。该图表需要处理任何类型的CSV文件与任何头部。

将感谢任何帮助建立一个动态图表与未知的标题。

谢谢!

Answer 1

我有办法解决这个问题。

function glow(i){
d3.csv("inputs/conData.csv",function(data){

//CSV File parsing
    var gl = [];

    var keys = Object.keys(data[0]);
    data.forEach(function(d) {
        gl.push(d[keys[i]]);
    });
}

此函数将接受列号作为需要返回标头的参数。

参考资料：NWY