У меня есть 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}
Задача ещё не решена.
Других решений пока нет …