chart.js - ChartJS 如何提供对象数组作为数据集?
问题描述
我有一个看起来像这样的数据集;
[
"transactions": [
{
"month": "Dec",
"data": [
{
"id": "333a32c6-eaf0-3f11-8a2b-963282fb700c",
"amount": "776",
"created_at": "2019-12-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
},
{
"id": "36688452-92f2-3ae7-911a-9543fe29cae6",
"amount": "1798",
"created_at": "2019-12-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
},
{
"id": "67856ceb-1eb5-369b-b3c1-7bd92c037c70",
"amount": "9507",
"created_at": "2019-12-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
},
{
"id": "7e9465be-0151-3828-b429-2b7c4db2aa5e",
"amount": "944",
"created_at": "2019-12-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
},
{
"id": "dd5019b5-690b-33e0-a633-de6162cd687a",
"amount": "5327",
"created_at": "2019-12-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
},
{
"id": "eb5f1473-e871-357d-be3c-af2dc00ff22d",
"amount": "4638",
"created_at": "2019-12-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
}
]
},
{
"month": "Mar",
"data": [
{
"id": "5929f7ad-7ad5-35dc-9935-c06bc0283f20",
"amount": "5251",
"created_at": "2019-03-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
}
]
},
{
"month": "Nov",
"data": [
{
"id": "8c36b5dd-2b15-3024-83f4-551df33d9fcc",
"amount": "3643",
"created_at": "2019-11-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
},
{
"id": "abcd4af5-7a7e-3a9b-8c02-f251f6724062",
"amount": "2622",
"created_at": "2019-11-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
}
]
},
{
"month": "Oct",
"data": [
{
"id": "925b5efb-7933-396e-96ab-9473a93009ff",
"amount": "8674",
"created_at": "2019-10-04 10:57:50",
"updated_at": "2019-12-04 10:57:50"
}
]
}
]
]
基本上,我想显示一个包含一年中所有月份的图表,如果它们不存在于事务数组中,它会在图表上返回该月份的 0。
我将如何解析这个对象并确保它与图表上的标签匹配?文档中的所有示例都使用非常基本的整数作为数据集,并且我找不到使用对象的示例!
解决方案
推荐阅读
- css - 使用 webpack 中的 ModuleFederation 插件时如何从节点模块导入 css 文件?
- python - 用于编辑页面的表单在 Django(CS50 项目)中不起作用
- seaborn - 使用中位数作为估计量时的 Seaborn 线图置信区间
- ajax - Asp.net core - 如何使用signalR实现实时
- asp.net - 将 ASP.Net 应用程序/网站从一台服务器传输到另一台服务器
- scala - 我应该把类型类实例放在哪里?
- css - 动画完成后,如何平滑过渡
- ruby-on-rails - Heroku:rake 预编译的参数数量错误
- python-3.x - 如何使用python为Chrome浏览器创建书签
- unity3d - Bolt / Visual Scripting运行if语句两次?