使用mongodb javascript，车把和nodejs绘制的画布

Question

im试图使用chartjs，handlebars，nodejs和mongodb映射一些数据

将数据从monogdb路由到车把中的canvas html标签的正确方法是什么？

在我的mongodb中，我有一个收集带有日期和温度内容的对象的集合。我想将该数据绘制到折线图中（标签是日期，y轴是温度。

传递此信息的正确方法是什么？

const mediciones = await Mediciones.find().sort({ dia: -1 }).limit(10).lean(); //To fetch the db data

res.render('mediciones', { dashboard, mediciones }); //Passing the info to HBS

<canvas id="charttemperatura"></canvas>
  <script>
    var plotTemperatura;
    const label = [];
    const data = [];
    {{#each mediciones}} label.push(("{{dia}}"));{{/each}}
    {{#each mediciones}} data.push(JSON.stringify({{temperatura}}));{{/each}} 
    console.log(label);
    console.log(data);
    plotTemperatura = new Chart(document.getElementById("charttemperatura"), {
      type: 'line',
      data: {
        labels: [],
        datasets: [{
          data: [],
          label: "Temperatura (C)",
          borderColor: "#CD5C5C",
          fill: false
          }]
        }
      });
    plotTemperatura.data.labels.push(label);
    plotTemperatura.data.datasets[0].data.push(data);
    plotTemperatura.update();
    console.log(plotTemperatura);

Chartjs的主脚本在de main.hbs下

Answer 1

编辑：使图表朝相反的方向，我该如何反转数据，以便在右边获得新的？

正确的代码