Динамическое изменение названия метки оси X в HighCharts

Question

В моем недавнем приложении я использовал HighCharts, это очень хорошо, используя плагин jQuery с высоким графиком, и все хорошо. теперь моя единственная проблема заключается в том, что у меня небольшое пространство в правой части контейнера с высоким графиком, поэтому по оси X я показал только 4 названия городов, но я хочу на самом деле показать 8 городов, посмотрите на изображение ниже, где вы можете увидеть только 4 названия городов, что я хочу предположить, что сайт загружается впервые в браузере, и через 2-3 минуты диаграмма должна автоматически обновляться с новыми названиями городов и их данными, Например, теперь, когда сайт загружается, он показывает delhi, mumbai, kolkata, chennai и их связанные данные (данные могут быть населением города) через 2-3 минуты позже диаграмма должна обновляться с новыми названиями городов, такими как pune, bangalore, gurgaon, hydrabad и их соответственно. Положите одну вещь, которую нам нужно запомнить, мы хотим только перезагрузить/обновить данные, но не хотим перезагружать весь сайт.

Любые предложения приветствуются Заранее спасибо

Answer 1

Прежде всего, я хочу поблагодарить всех, кто есть дать свое лучшее предложение, а также в том числе демо-приложение. Я решил мой вопрос что-то вроде этого,

Вот простой HTML код, где график будет нагрузка

<div style="margin-top: 3px; margin-left: 0px;" id="dashboardChartcontent"> 
     @*Here is the chart Element*@ 
    </div> 

Теперь ниже этого я назвал функцию Javascript

<script type="text/javascript"> 
autograph(); 
</script> 

В в верхней части страницы я объявил функцию, используя функцию SetInterval, посмотрите код ниже:

function autograph() { 
    setInterval(displaygraphsecondtime, 8000); 
    setInterval(displaygraphthirdtime, 6000); 
    setInterval(displaygraphfirsttime, 2000); 
}; 

Эти функции displaygraphsecondtime, displaygraphthirdtime, displaygraphfirstime содержат код high-chart.

Answer 2

Debal,

Там построены в методах, предусмотренных в API. например

setCategories() 

этот поможет вам добавить новые категории в данные.

вот рабочий пример http://jsfiddle.net/sMNr3/.

Надеюсь, это вам поможет.

Answer 3

Вам необходимо создать JSON. Верните его на страницу PHP или aspx без кода html. Позвоните по этому адресу PHP или aspx с использованием Ajax в javascript. И в setInterval() вместе с addPoint функция звонит Ajax каждые 2-3 минуты или любой длительности вы хотите. Он будет обновлять данные по X, а также по оси Y.

Answer 4

Вы можете использовать функцию setInterval() и addPoint function

Answer 5

Вы можете использовать опцию категорий оси X для динамического обновления значений оси X.

Highcharts.charts[0].xAxis[0].update({categories:arrayname}, true);