HighCharts charger des données via ajax
J'ai rencontré des problèmes depuis quelques jours avec ajaxing dans un exemple de données json à partir d'une api pour remplir un tableau à l'aide de la Highcharts bibliothèque.
J'ai essayé de graphique.série[0].données = json et les trucs similaires dans mon ajax de rappel, mais rien ne fonctionne.
mon json est un tableau de données pour chaque jour du mois.
"{"month_mentions_graphic":[521,49,81,0,101,0,0,0,21,3071,0,0,0,0,0,1479,6124,2409,2608,0,0,3457,2057,2580,5876,4638,0,0,3337,3479,430]}"
Voici mon code:
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
marginRight: 130,
marginBottom: 25,
events: {
load: requestData
}
},
title: {
text: 'Menções Mensais',
x: -20 //center
},
xAxis: {
categories: [1,2,3,4,5]
},
yAxis: {
title: {
text: 'Menções'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [
{
name: 'mentions',
data: []
}
]
});
});
function requestData() {
$.ajax({
url: 'api/v1/dashboard/month_mention_graphic',
type: "GET",
dataType: "json",
data : {username : "demo"},
success: function(data) {
chart.series[0].data = data;
},
cache: false
});
}
OriginalL'auteur Rodrigo Dias | 2012-10-31
Vous devez vous connecter pour publier un commentaire.
Appel graphique.addSeries à ajouter à l'ensemble de la série en une seule fois au lieu d'ajouter le point de tableau pour le vide initial de la série:
OriginalL'auteur Greg Ross