Insertar un gráfico

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

Insertar un gráfico de un canal público

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

Código integrado 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>

Reemplace 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 los parámetros height y width en iframe. Por ejemplo, para tener un gráfico de tamaño 800 x 400 píxeles, iframe debe 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

Insertar 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áficos como fuente de un iframe y agregue el parámetro de gráfico api_key=XXXXXXXXXXXXX, reemplazando a XXXXXXXXXXXXX con la clave API leída 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 integrado 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>

Reemplace CHANNEL_ID con el ID del canal, FIELD_ID con el ID del campo que desea graficar y XXXXXXXXXXXXX con el leer la clave API del canal privado.

Insertar un gráfico dinámico

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

Código integrado de gráfico dinámico

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

Reemplace CHANNEL_ID con el ID del canal y FIELD_ID con el ID del campo que desea graficar.

Temas relacionados

Crear gráfico