Highchart Plugin | ThingSpeak Plugins | Forum

Avatar

Please consider registering
Guest

Search

— Forum Scope —






— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

Register Lost password?
sp_Feed sp_TopicIcon
Highchart Plugin
Avatar
houseofbeck
New Member
Forum Posts: 4
sp_UserOfflineSmall Offline
1
January 23, 2014 - 3:58 pm
sp_Permalink sp_Print

Are there any highchart plugin examples? I'm trying to create a highchart plugin to do multiple lines on a chart.

https://api.thingspeak.com//plugins/3221

It doesn't seem to do anything. I've tested all of this code using a html file on my desktop and it works fine.

Avatar
turgo

Gold
Forum Posts: 61
sp_UserOfflineSmall Offline
2
January 24, 2014 - 12:37 pm
sp_Permalink sp_Print

You must have fixed it. I see a live feed with both series. Nice work!

Avatar
houseofbeck
New Member
Forum Posts: 4
sp_UserOfflineSmall Offline
3
January 24, 2014 - 1:23 pm
sp_Permalink sp_Print

Drat.

It works fine under Safari and Firefox on my Mac. It works on my iphone too. It doesn't work on firefox on my various linux machines.

Thanks!

Avatar
houseofbeck
New Member
Forum Posts: 4
sp_UserOfflineSmall Offline
4
January 24, 2014 - 1:36 pm
sp_Permalink sp_Print

Now that I think about it. It's odd that the same linux boxes where it works fine locally can't view the page from the thingspeak server.

Avatar
Hans
Natick, MA

Forum Posts: 390
sp_UserOfflineSmall Offline
5
January 24, 2014 - 4:00 pm
sp_Permalink sp_Print sp_EditHistory

This might be an SSL / HTTPS issue. Some browsers are going to break if you mix HTTPS with HTTP. Looking at your code, I see this line:

http://code.highcharts.com/highcharts.js

Change it to:

https://code.highcharts.com/highcharts.js

And, see how it looks...

Avatar
turgo

Gold
Forum Posts: 61
sp_UserOfflineSmall Offline
6
January 24, 2014 - 5:50 pm
sp_Permalink sp_Print

Hi Beck,

Your post encouraged me to share a webpage I programmed that displays multiple fields and channels. There's the forum link:
http://community.thingspeak.com/forum/announcements/thingspeak-live-chart-multi-channel-second-axis-historical-data-csv-export/#p813

I hope it's useful to you and the community.

Avatar
houseofbeck
New Member
Forum Posts: 4
sp_UserOfflineSmall Offline
7
January 24, 2014 - 6:37 pm
sp_Permalink sp_Print

Hans, thanks that fixed it.

turgo, thank you. I will check this out as well. It looks pretty much like where I'm headed for functionality.

Avatar
lee

Forum Posts: 457
sp_UserOfflineSmall Offline
8
October 14, 2014 - 7:56 pm
sp_Permalink sp_Print

We've recently added a plugin to display multiple series on a single chart. To access it, create a new plugin and select "Chart With Multiple Series" as the template.

lee

Avatar
chrisjmears

Gold
Forum Posts: 54
sp_UserOfflineSmall Offline
9
October 23, 2014 - 6:52 am
sp_Permalink sp_Print

very nice

Im trying to change a few things.

I cant seem to set my x axis to show text instead of the date
I can't seem to figure out if the chart is already dynamic
Rather than a number of results I'd like to show the past x days as I do in the current charts
Finally I like to display the median of the last 10 minutes
I've tried adding things into chart options but it doesnt seem to do anything. without documentation on the variable names Im a bit stuck

xaxis: 'Time (Rolling 24 Hours)',
dynamic:'true',
days: 1,
median: 10,

Avatar
lee

Forum Posts: 457
sp_UserOfflineSmall Offline
10
October 23, 2014 - 10:25 pm
sp_Permalink sp_Print

Hi,

You'll have to look into the plugin JavaScript code to modify some of these.

To change the x-axis label, find this code:
xAxis: {
type: 'datetime',
title: { text: 'Date' }
},
and replace it with:
xAxis: {
type: 'datetime',
title: { text: 'Time (Rolling 24 Hours) }
},

To change the days and median, replace this line:
$.getJSON('https://api.thingspeak.com/channels/' + channel_id + '/fields/' + field_number + '.json?offset=0&round=2&results=' + results + '&api_key=' + api_key, function(data) {

with:
$.getJSON('https://api.thingspeak.com/channels/' + channel_id + '/fields/' + field_number + '.json?offset=0&round=2&days=1&median=10&api_key=' + api_key, function(data) {

The plugin multiseries charts are currently not dynamic, but we may add that ability in a future update.

lee

Avatar
chrisjmears

Gold
Forum Posts: 54
sp_UserOfflineSmall Offline
11
October 24, 2014 - 3:51 am
sp_Permalink sp_Print

Thanks lee,

i shouted for help too early, I actually read the code and figured that bit out. Dynamic would be lovely. Thanks for your help as always

Avatar
rayellam

Silver
Forum Posts: 11
sp_UserOfflineSmall Offline
12
June 19, 2015 - 8:12 pm
sp_Permalink sp_Print

lee said

The plugin multiseries charts are currently not dynamic, but we may add that ability in a future update.

lee

Hi Lee,
Any idea when? it would be a real nice feature Cool

Avatar
lee

Forum Posts: 457
sp_UserOfflineSmall Offline
13
June 22, 2015 - 8:48 am
sp_Permalink sp_Print

Hi,

We don't have a timeline on dynamic multseries charts, but it's something I'll try to reprioritize.

lee

Forum Timezone: America/New_York

Most Users Ever Online: 114

Currently Online:
20 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

rw950431: 252

Vinod: 164

cstapels: 96

piajola: 75

vespapierre: 63

Adarsh_Murthy: 59

Newest Members:

candacele1

WilliamBer

roxieob18

Metawatch

ozayagw

ubabeutiti

Forum Stats:

Groups: 4

Forums: 17

Topics: 1313

Posts: 4565

 

Member Stats:

Guest Posters: 1

Members: 5703

Moderators: 0

Admins: 2

Administrators: Hans, lee