Cumulus Support

Afternoon all -

A quick question thats stumping me. I have a realtime data graph online at:

http://weather.casa.ucl.ac.uk/hourgraph.htm - it animates in.

I am now just putting in place the trends page (the formatting is all over the shop at the moment)

http://weather.casa.ucl.ac.uk/trends.htm

However, i cant seem to get the animate code to work - anyone know how to get the graphs to load over time (ie so the rainfall bar charts pop up).

Andy

Apparently animation is not available if you use .setData() on a series.

It looks like doing setVisible(false) before the setData(), and setVisible(true, true) after it, gets the animation working.

Hmm, doesn't seem to do anything for me? But using setVisible(true,false) on the series,then calling chart.redraw() ends up with a blank plot!

Ah, OK. I didn't actually try it, I just found it on stackoverflow

The best I can do so far is addSeries() when the data fetched, but it only animates the 'seeker' (not sure what the correct term is) graph below the main graph.

This shows the 'setVisible' solution - http://jsfiddle.net/UTC6e/1/

I don't know why it doesn't work with the Cumulus charts.

It's a Highcharts vs. Highstock thing I think.

Ah, right.

Thats a shame - thanks for looking into it though, you guys are great at support and finding solutions.

Andy

If you switch back to highcharts then animations run on the line graphs - the column charts need the setVisible - i have a test on Sun Hours, although it seems to load in from the top? So near but not quite yet.

http://weather.casa.ucl.ac.uk/trends.htm

chart = new Highcharts.Chart(options);
chart.showLoading();

$.ajax({
url: 'sunhours.json',
dataType: 'json',
success: function (resp) {
chart.hideLoading();
chart.series[0].setVisible(false);
chart.series[0].setData(resp.sunhours);
chart.series[0].setVisible(true, true);
}

Is there a license issue with going back to highcharts?

Andy

Smithee wrote:Is there a license issue with going back to highcharts?

No, the licensing is the same - i.e free for non-commercial use as long as you give an attribution.