18、实现 Plotly 支持及 JavaScript 调试指南

实现 Plotly 支持及 JavaScript 调试指南

1. 客户端集成 Plotly 功能

在开始之前，我们已经安装了 Plotly Python 模块，并在 Python CLI 上进行了测试。可以使用该模块创建 Plotly 图表，并获取指向该图表的 URL，以便在浏览器中查看或编辑。接下来，我们将在全栈应用程序中集成 Plotly 功能。

1.1 实现思路

有多种方式可以实现 Plotly 集成，以下是一些示例：
- 点击快速选择单选按钮时，应用程序自动创建 Plotly 图表。
- 设置 Cron 作业，每小时生成一个 Plotly 图表，并将图表 URL 通过电子邮件发送给你。
- 当温度和/或湿度超过或低于设定阈值时，应用程序生成 Plotly 图表，并将图表 URL 通过电子邮件发送给你。
- 定义一个超链接，用户点击该链接时，将“lab_env_db”中的传感器数据捕获为 Plotly 图表。
- 自定义想法（可根据实际需求填写）。

无论选择哪种方式，流程通常如下：

graph LR
    A[触发条件（超链接、定时器、事件）] --> B[从数据库读取相关数据]
    B --> C[创建 Plotly 数据集并请求在线图表]
    C --> D[将新的 Plotly 图表 URL 转发给用户]

这里我们选择创建一个超链接，并将其放置在“lab_env_db”页面上。用户点击该链接将触发后续的图表创建流程。

1.2