Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 外部json文件中的D3js条形图_Javascript_Json_D3.js_Bar Chart - Fatal编程技术网

Javascript 外部json文件中的D3js条形图

Javascript 外部json文件中的D3js条形图,javascript,json,d3.js,bar-chart,Javascript,Json,D3.js,Bar Chart,我一直在研究如何将数据从json加载到条形图,但我就是无法让它工作 我有一个JSON文件,看起来像它的一部分: [{ "id":1, "geslacht":"Vrouw", "totaal punten":60, "project 1":9, "ucd":6, "internetstandaarden":7, "understanding design":7, "Teamproject deel 1":6, "Taal in

我一直在研究如何将数据从json加载到条形图,但我就是无法让它工作

我有一个JSON文件,看起来像它的一部分:

[{
    "id":1,
    "geslacht":"Vrouw",
    "totaal punten":60,
    "project 1":9,
    "ucd":6,
    "internetstandaarden":7,
    "understanding design":7,
    "Teamproject deel 1":6,
    "Taal in context":6,
    "Vormgeving":7,
    "Marketing":6,
    "Students in Motion":7,
    "Teamproject deel 2":7,
    "H&C":6,
    "Programmeren":7,
    "M&I":7,
    "Project 3":6,
    "Mediageschiedenis":6,
    "Business Mapping":7,
    "Plug & Play":7,
    "SLC":7,
    "Studieregie":8,
},{
    "id":2,
    "geslacht":"Man",
    "totaal punten":43,
    "project 1":8,
    "ucd":6,
    "internetstandaarden":0,
    "understanding design":7,
    "Teamproject deel 1":6,
    "Taal in context":0,
    "Vormgeving":7,
    "Marketing":7,
    "Students in Motion":7,
    "Teamproject deel 2":7,
    "H&C":6,
    "Programmeren":7,
    "M&I":0,
    "Project 3":6,
    "Mediageschiedenis":0,
    "Business Mapping":7,
    "Plug & Play":7,
    "SLC":8,
    "Studieregie":6,
}]

如何创建这方面的条形图?

我建议使用图表库,如。它的使用非常简单,并提供了各种不同的图表类型。您可能需要稍微改变JSON文件的格式,尽管我认为-乍一看

您能告诉我一些您尝试过的事情以及您取得的成功-或者任何失败和特定错误吗