javascript — круговая диаграмма обновления Ajax в режиме реального времени [Highcharts]

У меня есть 2 типа диаграмм на моей веб-странице. пирог & Бар. Используя несколько выпадающих меню, я хочу обновить все графики. Ниже приведен пример для круговой диаграммы. Я хочу обновить только значения.

var gender;

gender = new Highcharts.Chart({

chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie',
renderTo: 'gender',
},
credits: {
enabled: false
},
title: {
text: 'Gender'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
series: [{
name: 'Gender',
colorByPoint: true,
data: [{
name: 'Male',
y: 27
}, {
name: 'Female',
y: 65,
}]
}]});

Код обмена.

$('.chg').on('change', function() {

$.getJSON('livedata.php', function(data) {
$.each(data, function(key,val) {
if (key == 'gender')
{
var point = gender.series[].points[];
point.update(val);
}
});
});

});

Не уверен, как настроить файл liveata.php, чтобы иметь возможность управлять & возврат на основе ключ как пол, страна, национальность. Для национальности, страны это могут быть гистограммы. Но я пытаюсь достичь одного файла aliveata.php и возвращать результаты на основе поиска из разных выпадающих списков.

Что-то похожее.

{"gender": 90}

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector