Main Content

Esta página se ha traducido mediante traducción automática. Haga clic aquí para ver la versión original en inglés.

Incrustar un gráfico

Incrustar un gráfico de un canal público

Utilice la API de gráfico como fuente de un iframe para incrustar público ThingSpeak™ gráficos de canales en su página web.

Código incrustado de gráfico público

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID"></iframe>
Reemplazar CHANNEL_ID con el ID del canal y FIELD_ID con el ID del campo que desea graficar. También puede ajustar la altura y el ancho del gráfico ajustando el height y width parámetros en el iframe. Por ejemplo, para tener un gráfico de tamaño 800 x 400 píxeles, el iframe debiera ser <iframe width="800" height="400" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID"></iframe>.

Ejemplo de gráfico

Incrustar un gráfico de un canal privado

Para incrustar un gráfico de un canal privado en su página web, utilice la API de gráfico como fuente de un iframe y agregue el parámetro de gráfico api_key=XXXXXXXXXXXXX , reemplazando XXXXXXXXXXXXX con la clave API de lectura del canal. Si desea que el gráfico sea dinámico, también puede agregar el parámetro de gráfico dynamic=true.

Código incrustado de gráfico privado

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID?api_key=XXXXXXXXXXXXX"></iframe>
Reemplazar CHANNEL_ID con el ID del canal, FIELD_ID con el ID del campo que desea graficar, y XXXXXXXXXXXXX con la clave API de lectura del canal privado.

Incrustar un gráfico dinámico

Para colocar una dinámica ThingSpeak gráfico en su página web, utilice la API de gráfico como fuente de un iframe y agregue el parámetro de gráfico dynamic=true.

Código incrustado de gráficos dinámicos

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/CHANNEL_ID/charts/FIELD_ID?dynamic=true"></iframe>
Reemplazar CHANNEL_ID con el ID del canal y FIELD_ID con el ID del campo que desea graficar.

Temas relacionados