首页 > 解决方案 > 如何在 expressJS 中使用 chartjs 渲染数据

问题描述

我对使用 ChartJS 有点迷茫。我正在尝试渲染使用数据库(mongoDB)中的动态数据的图表。我查看了 Chart 文档并构建了一些静态图表,但我正在努力寻找一种获取和呈现数据的好方法。我的想法是使用图表来显示每天的数据。

我已经看到了两件似乎有效的事情:AJAX 请求或使用来自 mongo 的 db.collection.find(),将 JSON 传递给数组并使用它来获取数据。

如何将数据传递给图表?我是否必须创建一个 var data = 从 db 获取的数据或类似的东西?

我不是在寻找代码,我只是在寻找一些指导。

标签: node.jsexpresschartschart.js

解决方案


你几乎是对的。您可以将从数据库中获取的数据声明为 JSON 对象并将其传递给您的图表。像这样,

 var myLineChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: labelsObject,
      datasets: dataObject
    },
    options: chart_ops
  });

推荐阅读