Highchart Plugin | ThingSpeak Plugins | Forum

Avatar

Please consider registering
Guest

sp_LogInOut Log In sp_Registration Register

Register | Lost password?
Advanced Search

— Forum Scope —






— Match —





— Forum Options —





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

sp_Feed sp_TopicIcon
Highchart Plugin
No permission to create posts
January 23, 2014
3:58 pm
Avatar
houseofbeck
New Member
Members
Forum Posts: 4
Member Since:
January 20, 2014
sp_UserOfflineSmall Offline

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.

January 24, 2014
12:37 pm
Avatar
turgo

Gold
Members
Forum Posts: 70
Member Since:
June 16, 2013
sp_UserOfflineSmall Offline

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

January 24, 2014
1:23 pm
Avatar
houseofbeck
New Member
Members
Forum Posts: 4
Member Since:
January 20, 2014
sp_UserOfflineSmall Offline

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!

January 24, 2014
1:36 pm
Avatar
houseofbeck
New Member
Members
Forum Posts: 4
Member Since:
January 20, 2014
sp_UserOfflineSmall Offline

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.

January 24, 2014
4:00 pm
Avatar
Hans
Natick, MA

Admin
Forum Posts: 396
Member Since:
January 18, 2011
sp_UserOfflineSmall Offline

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...

January 24, 2014
5:50 pm
Avatar
turgo

Gold
Members
Forum Posts: 70
Member Since:
June 16, 2013
sp_UserOfflineSmall Offline

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.

January 24, 2014
6:37 pm
Avatar
houseofbeck
New Member
Members
Forum Posts: 4
Member Since:
January 20, 2014
sp_UserOfflineSmall Offline

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.

October 14, 2014
7:56 pm
Avatar
lee

Admin
Forum Posts: 457
Member Since:
March 14, 2011
sp_UserOfflineSmall Offline

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

October 23, 2014
6:52 am
Avatar
chrisjmears

Gold
Members
Forum Posts: 54
Member Since:
April 26, 2013
sp_UserOfflineSmall Offline

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,

October 23, 2014
10:25 pm
Avatar
lee

Admin
Forum Posts: 457
Member Since:
March 14, 2011
sp_UserOfflineSmall Offline

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

October 24, 2014
3:51 am
Avatar
chrisjmears

Gold
Members
Forum Posts: 54
Member Since:
April 26, 2013
sp_UserOfflineSmall Offline

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

June 19, 2015
8:12 pm
Avatar
rayellam

Silver
Members
Forum Posts: 11
Member Since:
April 2, 2015
sp_UserOfflineSmall Offline

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

June 22, 2015
8:48 am
Avatar
lee

Admin
Forum Posts: 457
Member Since:
March 14, 2011
sp_UserOfflineSmall Offline

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: 261

Vinod: 196

piajola: 85

turgo: 70

vespapierre: 63

Adarsh_Murthy: 62

Member Stats:

Guest Posters: 1

Members: 5703

Moderators: 0

Admins: 2

Forum Stats:

Groups: 4

Forums: 17

Topics: 1313

Posts: 4565

Newest Members:

BarryMaync, ThomasRougs, DonaldGen, prince, JrGordon, Elamsweems

Administrators: Hans: 387, lee: 457