JQuery.load高图

Question

I have done a search around and found some similar questions, but nothing specificly solutionary to what I need.

I need to periodically refresh my Highchart so it pulls through updated data and displays accurate information to the user. The page is displayed on a TV that is left on all day for reporting purposes.

To save the nastiness of a periodic full page refresh I place each element on a different page and then load/refresh periodically with JQuery.load()

What I want to do then is continue that trend, placing the Highchart on a seperate page and peridodically pulling it through for a seamless updating process.

When I try and "load" the URL that contains the chart it brings through the heading but not the actual graph.

Do anybody know the best way to pull through a loaded graph? perhaps Ajax? but not 100% sure what I would need to use.

Thanks,

Ryan.

An example of the script that works on other elements:

var URL = '/technical/support-dashboard-swyx';
$('#tspeople').load(URL + ' #tscalls');
}

loadswyx();
setInterval(function() {
    loadswyx()
}, 1000);

Answer 1

How about using iframe? Then you should be able reload it with js using this code.

var iframe = document.getElementById('youriframe');
iframe.src = iframe.src;

If you want to reload only data, which you have with ajax - use http://www.highcharts.com/docs/working-with-data/live-data