improved charting

You can find a first alpha version of the new charting page at [1]. These features are lacking and will be gradually implemented:
1/ dynamically adding and removing your sensors to/from the chart
2/ community charting so you can plot other Fluksonian's sensor data to your chart

[1]: https://www.flukso.net/chart

All comments are welcome. Please append them to this forum thread.
-Bart.

petur's picture

Really nice work, I love it already...

the obvious remark; changing colors and a persistent legend would be great :)

the less obvious remark; a way to scale the vertical axis. I'm monitoring some big users and some small ones, and the dynamic scaling makes it hard to see details of the small users when a big user was active...

another less obvious one: ability to set day and night times, and even show them at the same time on a month view: that way one can compare usage on day and night counters (for users who have dual meters like myself)

if you need more work, just let me know :)

sherlock's picture

looks great, and 1 miunte resolution is great.

-at one one hour tab sometimes the graph shade disapears (could not reproduce that)
-not compatible with opera :(

KarlW's picture

Excellent start, thanks Bart. I'm looking forward to the next exciting episode...

icarus75's picture

@petur The persistent legend is up next since it's needed for toggling the display of specific sensors. I'm thinking of rendering this outside the graph to reduce clutter. This could also serve as the location for some min/max/avg stats.

Scaling the vertical axis can then be accomplished by removing the sensor with the large reading from the chart.

@sherlock The charting lib should be compatible with Opera 9+. What version are you using? Can you pinpoint the issue? Is an error reported in the browser's console?

-Bart.

petur's picture

yes, legend outside the graph is perfect

And an auto-refresh option :)

It would be great to have some of the options possible in the URL (timespan,...)

sherlock's picture

I use the the latest 11.52, just there is no graph at all, so that might be some minor formatting issue of the page with the graph.

here is console output:

[2011-12-03 23:37:59] CSS - https://www.flukso.net/sites/default/files/css/css_106986abebeef3758e5c8...
Linked-in stylesheet
Declaration syntax error
Line 1:
in:0;font-size:1em;}#container{margin:15px auto;width:920px;padding 0 10px 10px;
--------------------------------------------------------------------------------^
[2011-12-03 23:37:59] CSS - https://www.flukso.net/sites/default/files/css/css_106986abebeef3758e5c8...
Linked-in stylesheet
Declaration syntax error
Line 1:
:0.1em 1em;}tr th,tr.light td,tr.dark td,tr.odd td,tr.even td{padding 0.1em 1em;
--------------------------------------------------------------------------------^
[2011-12-03 23:37:59] JavaScript - https://www.flukso.net/sites/all/modules/chart/js/flukso.js?w
Linked script compilation
Syntax error at line 219 while loading:
createCb(sensorObj.function));
--------------------^
expected identifier, got keyword 'function'

Simon Josefsson's picture

I'm missing graphs per "week". Any chance this could be added? Thanks.

petur's picture

I discovered that pressing the hour/day/month/... selection again and again will cycle the colors of the graph. Bug or feature, at least it helps me get rid of the yellow on white line :)

sherlock's picture

Opera graphing is now fine. Thx. Great.

carlibens's picture

Bart,

same result as before, it draws the background of the chart and the selection of time scale and input but no chart in it.

In Google Chrome I do see the chart and am able to adjust the time axe (move and widen/narrow)

Carl

bazzle's picture

What am I doing wrong?
I clicked on the link but I only get a Blank chart.

Bazzle

icarus75's picture

@Carl, @Bazzle,

IE doesn't like logging to the console when the latter is closed. Since I was always testing with an open console, this one passed under the radar. Seems to be rendering ok now in IE7/8/9. Could you try again and report back? Please always include the browser type + version when providing feedback.

-Bart.

bazzle's picture

OK :)
Showing now, Mozilla Firefox 3.5.2 and 3.5.12
Labels on scale when you hover curser
Nice set up....similar to the old Powometer I used to use on Wattson...
Thank you Bazzle

ON5AEI's picture

Mooi, veel beter als voorheen, je kan nu teruggaan ook

darcey's picture

Had ook eerst een wit screen,dit met IE9.

Ik zou nog wel willen dat er een mogelijkheid komt dat ik zowel mijn totaal verbruik kan zien en ook zie wat ik verbruik als de zonnepaneeltjes energie geven. Nu staan deze twee gewoon samen naast elkaar. Ook dat ik deze apart in een venster kan zien. Nu tellen beide op mijn zonnenpanelen verbruiken niet maar wekken energie op dus is de grafiek niet juist.

Slecht uitgelegd kweet het maar vind geen betere uitleg.

bazzle's picture

Working well.
One question?
I get red for Mains power and blue for Solar input on the Hour graph.(which is what I want)
On the Day graph they are reversed.
Actually they seem to change back when I refresh or go from Day to Hour ??
Any clues why?

Bazzle

icarus75's picture

Hi Bazzle,

This is due to the asynchronous nature of the multiple sensor API calls. Whichever call returns first will get plotted in red, the next one in blue, ... This will be fixed in a future version.

Cheers,
-Bart.

Balikpapan's picture

Hi Bart,

Seems that in IE9 the text is not correctly showing within the new charting features. I have a V1 with two streams (main & test). The text for main and test is mixed. This is not the case in FireFox 3.6 (nor in Chrome).

Boudy

bazzle's picture

I found a 'Reload" add on for firefox.
works great, you can set the reload time to your prefs.
Graph always up to date now, all working great,
Many thanks

Now if only there was a "prog" you can run on your home machine to show the same :)

Bazle

darcey's picture

Als de zonnepanelen stroom opbrengen, wordt dit ook bijgeteld. Het lijkt dan dat ik meer stroom afneem van het net dan dat ik op het net zet. De teller draaid terug maar de flukso telt gewoon verder op. Dus geen negatieve grafiek. Is dit op te lossen??

WCG_SYD_GHD's picture

Hi Bart

I had an issue using IE 9.0.8112.16421 re the text in the floating data point box overlapping when displaying multiple sensors.

I tried Opera 11.61/1250 and all is good ...

Carl
WG, Sydney

bazzle's picture

Gooday

I notice there is now a field for 'minute' :)

What I can not do now is change from Day to Hour etc. It reverts back to 'Day" whatever button I press.

Bazzle

icarus75's picture

Real-time rendering of sensors is now possible when your PC is in the same network as the FLM. We do need to upgrade the firmware on your FLM for this feature to work. We have a working firmware right now. It just needs a bit more testing before we make this available to the Fluksonians at large. I'll keep you updated via this forum thread.

PS: The issue you had with the interval tabs not working properly should be fixed now.

Cheers,
-Bart.

bazzle's picture

Hi Bart.
Thanks for the update.
The Interval tabs are still unresponsive and revert to Day only.
They were working earlier this week.

You are welcome to reflash my FLM, its on all the time.

Bazzle

icarus75's picture

1/ Are you sure you did a full /chart page refresh before re-testing?
2/ What browser + version did you test with?

Cheers,
-Bart.

Balikpapan's picture

Hi Bart,

The overlapping problem with two sensors in IE9 is solved.
Nice work. Thanks.(Message Jan 5)

Boudy

bazzle's picture

I opened a new page, same thing, day only

Mozilla Firefox 3.6.12

I just tried ie8, says done with errors, no graph pic at all.

The 'Dash" graph is still ok in both.

Bazzle

icarus75's picture

Hi Bazzle,

I still had to apply some minor tweaks to the code to get the /chart to render in more browsers. Should be working now with:
* FF 3.0/3.6/9.0.1/10.0.2
* IE9 with and without quirks mode (compatibility view) enabled. So pre-IE9 versions _should_ work.
* Opera 11.60
* Chrome 16.0.912.77
* Safari 5.1.2

Please note that IE6/7/8 lack SVG support. Chart rendering in these browsers uses VML. This will show in the real-time (minute) tab later on.

Should you detect any issues, please report and clearly state the browser type + version used.

Cheers,
-Bart.

icarus75's picture

The new firmware has been released as v215. Fluksonians can now upgrade their FLM02's to this latest firmware by surfing to the 'My account' -> 'devices' tab and clicking on the 'upgrade' link in the operations column. The FLM's firmware will then be upgraded at the next heartbeat, which should occur within the hour for a unit that is online.

Cheers,
-Bart.