将值从我的Json (Node.js + Express)传递到我的最终应用程序

Question

我正在尝试建立一个数据中心平面图热图，基于这个https://www.patrick-wied.at/static/heatmapjs/，并从我拥有的一些物理传感器中提取数据。

我有业余的后端(NodeJS +快捷版)的经验，也在超文本标记语言/CSS目前我能够成功：

1-使用Python从传感器检索数据2-将数据保存到SQLite数据库3-使用nodejs+express连接到此数据库，并制作一个工作路由器，使用我需要的值在分配的路由中显示json (Ej:传感器1，传感器2和时间)

现在，我有了一个可以工作的API，但我的问题是，热图可以处理与javascript集成的HTML文件上的某些变量(ej: point 1: 20.4和point 2:20.6)上的值。

我如何将这个值从我的后端传递到我的html页面，以便为这些点赋值？我没有任何知识集成后端和前端，所以任何建议都是欢迎的。谢谢!

Answer 1

在没有看到你的代码或者不知道你的具体实现的情况下，这也许可以让你对如何让它工作有一个大致的想法：

// server-side

app.get('/sensorData', (req, res, next) => {
  // DB code to retrieve all sensor data, I assume you have this implemented somehow already and are returning the data as json at some endpoint
  SensorData.getAllSensorData((data) => {
    res.json(data);
  });
});

// client-side

fetch('/sensorData')
  .then(response => response.json())
  .then(sensorData => {
    const dataPoints = sensorData.map(dataPoint => {
      return {
        x: datapoint.x, // or whatever you've named the x-value
        y: datapoint.y,
        value: // whatever the heatmap value is
      };
    });
    heatmapInstance.addData(dataPoints);
  });