Question

我正在尝试使用本机CSV解析器在d3.js中绘制图表[d3.csv（） - https://github.com/mbostock/d3/wiki/CSV]

通过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]]);
    });
}

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

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

D3.js使用未知标题的CSV图表绘图

1 个答案: