使用未知标题绘制 D3.js CSV 图表答案

【问题标题】：D3.js CSV Chart Plotting With Unknown Headers使用未知标题绘制 D3.js CSV 图表
【发布时间】：2014-03-18 06:09:24
【问题描述】：

我正在尝试使用原生 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 文件。

如果能帮助您构建带有未知标题的动态图表，我们将不胜感激。

谢谢！

【问题讨论】：

标签： javascript csv d3.js charts

【解决方案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]]);
    });
}

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

参考：https://groups.google.com/forum/#!topic/d3-js/dAfM2Mk_NWY

【讨论】：