时间戳

首页 > 解决方案 > 将 JSON 对象解析为 ChartJS

javascript - 将 JSON 对象解析为 ChartJS

问题描述

所以我目前有一个 REST API，它以这样的方式向我发回历史数据：

{
  "2021-6-12": 2,
  "2021-6-13": 3,
  "2021-6-14" :1
}

这基本上只是在这个日期完成的测量计数。是否可以通过任何方式在 ChartJS 中显示这些数据，将数据作为标签，将数字作为数据集显示在条形图中？

标签： javascriptjsonchart.jsrest

解决方案

您可以使用 Object.keys() 和 Object.values() 将您的对象映射到标签和数据集，如下所示：

const chartData = {
  "2021-6-12": 2,
  "2021-6-13": 3,
  "2021-6-14" : 1,
}
const labels = Object.keys(chartData) // labels
const data = {
  labels: labels,
  datasets: [{
    label: 'My First Dataset',
    data: Object.values(chartData),   // datasets
...

Object.keys(chartData) 将映射您的对象“键”：2021-6-12，...

而且， Object.values(chartData) 将映射您的对象数据：2,3,...

请参阅此处的参考：

对象.keys()

对象.values()

推荐阅读