2015-06-16 2 views
0

Я проделал поиск и нашел несколько похожих вопросов, но ничего конкретного в решении вопросов, которые мне нужны.JSQuery.load Highchart

Мне нужно периодически обновлять свой Highchart, чтобы он просматривал обновленные данные и отображал точную информацию для пользователя. Страница отображается на телевизоре, который остается на весь день для целей отчетности.

Чтобы сохранить гадости периодического обновления полной страницы I место каждого элемента на другую страницу, а затем загрузить/периодически обновлять с JQuery.load()

То, что я хочу сделать, это продолжать эту тенденцию, размещая Highchart на отдельной странице и перидодически протягивает его для непрерывного процесса обновления.

Когда я пытаюсь «загрузить» URL-адрес, содержащий диаграмму, которую он передает через заголовок, но не фактический график.

Кто-нибудь знает, как лучше всего тянуть загруженный график? возможно, Ajax? но не на 100% уверен, что мне нужно будет использовать.

Thanks,

Ryan.

Пример сценария, который работает на других элементах:

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

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

Есть ли у вас какие-либо ошибки? Важно одно: загрузите Highcharts lib один раз, только в основной файл. Может возникнуть другая проблема: Highcharts - это интерактивная библиотека, а не статический HTML-контент, поэтому 'load()' может быть беспорядочным. Я предпочел бы использовать '$ .ajax()' для загрузки только необходимых данных для отображения, а затем использовать API Highcharts для обновления данных на диаграмме. Что касается производительности и пропускной способности, лучше передавать только необходимые данные, а не все остальные вещи (например, все темы для Highcharts и т. Д.). –

ответ

0

Как об использовании IFRAME? Затем вы можете перезагрузить его с помощью js, используя этот код.

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

Если вы хотите перезагрузить только данные, которые вы имеете с AJAX - использовать http://www.highcharts.com/docs/working-with-data/live-data

+0

Это, безусловно, один работа вокруг. Хотя я пытался избежать iframes, где это возможно, чтобы быть честным. Но может ли это быть единственным способом? – rjn239

+0

Нет, конечно, iframe - это не только одно возможное решение. Он может помочь вам, если вы хотите легко загрузить его с других страниц. Но есть еще одно решение для обновления данных ajax для диаграмм. Вы также можете использовать что-то вроде $ ('# mychart'). Highcharts(). Get ('id_of_series'). SetData (newJsonOfData); Этот метод документирован по ссылке выше. – VBeregovoy