嵌入图

嵌入公共通道的图

使用图 API 作为 iframe 的源，在您的网页上嵌入公共 ThingSpeak™ 通道图。

公共图嵌入代码

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID"></iframe>

将 CHANNEL_ID 替换为通道的 ID，将 FIELD_ID 替换为要绘制图的字段的 ID。您还可以通过调整 height 中的 width 和 iframe 参数来调整图的高度和宽度。例如，要获得尺寸为 800 x 400 像素的图，iframe 应该是

<iframe width="800" height="400" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID"></iframe>

。

图示例

嵌入私人通道图

要在您的网页上嵌入私有通道的图，请使用图 API 作为 iframe 的源，并添加图参数 api_key=XXXXXXXXXXXXX，将 XXXXXXXXXXXXX 替换为通道的读取 API 密钥。如果想让图动态化，还可以添加图参数 dynamic=true。

私人图嵌入代码

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID?api_key=XXXXXXXXXXXXX"></iframe>

将 CHANNEL_ID 替换为通道的 ID，将 FIELD_ID 替换为要绘制图的字段的 ID，并将 XXXXXXXXXXXXX 替换为私有通道的读取 API 密钥。

嵌入动态图

要在您的网页上放置动态 ThingSpeak 图，请使用图 API 作为 iframe 的源并添加图参数 dynamic=true。

动态图嵌入代码

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID?dynamic=true"></iframe>

将 CHANNEL_ID 替换为通道的 ID，将 FIELD_ID 替换为要绘制图的字段的 ID。

另请参阅

主题

创建图