Javascript to display last value of a ThingSpeak channel on web page | ThingSpeak API

2 views (last 30 days)
Prajna Bhat
Prajna Bhat on 5 Jul 2021
Commented: Shore on 11 Feb 2023
The ThingSpeak API provides the possibility to embed the chart with historical values of a channel in a web page. Now I would also like to show the last value of a channel as a number on this page. I looked into some of the answers. But I could not understand. Can someone please share the JavaScript code OR the HTML code? I am new to ThingSpeak and Web Development.
Please help me out!!
Thank you,
Prajna Bhat

Sign in to answer this question.

Accepted Answer

Vinod
Vinod on 7 Jul 2021
If you click the "bubble" icon on the numeric display widget added to your channel, you will get the HTML code required to embed the value on your HTML page. It should be of the form:
<iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/<CHANNEL_ID>/widgets/<WIDGET_ID>"></iframe>
Where <CHANNEL_ID> and <WIDGET_ID> are to be replaced by those for your channel & widget. Note that you will need to make your channel public if you intend to embed the widget on your HTML page.
  4 Comments
Show 2 older comments
Prajna Bhat
Prajna Bhat on 13 Jul 2021
Hello Vinod,
Can you please let me know how I can store the current live value in a variable and access it in a loop or condition.
Thank you.

Sign in to comment.

More Answers (0)

Communities

More Answers in the  ThingSpeak Community

Categories

Find more on ThingSpeak in Help Center and File Exchange

Tags

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!