gpt4 book ai didi

javascript - 来自外部 json 文件的 D3js 条形图

转载 作者:行者123 更新时间:2023-11-28 09:32:21 25 4
gpt4 key购买 nike

我一直在研究如何将数据从 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,
}]

如何创建此条形图?

最佳答案

我建议使用图表库,例如 Highcharts 。它使用起来非常简单,并提供各种不同的图表类型。不过,您可能需要稍微不同地设置 JSON 文件的格式(我认为 - 乍一看)

关于javascript - 来自外部 json 文件的 D3js 条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13568303/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com