Perché il mio grafico a torta Dojo scompaiono quando chiamo updateSeries dopo una chiamata Ajax?
-
30-09-2019 - |
Domanda
Sto cercando di aggiornare un grafico a torta dojo con il metodo updateSeries. Invoco il metodo dopo l'esecuzione di una chiamata AJAX per ottenere una versione aggiornata di dati di matrice javascript.
Ecco l'Javascript:
var eventByReasonsData = .... //gets populated on jsp page compile
var theme = dojox.charting.themes.Julie;
var eventReasonsChart = null;
function makeEventsByReason() {
var dc = dojox.charting;
eventReasonsChart = new dc.Chart2D("eventsByReasonChart");
eventReasonsChart.setTheme( theme ).addPlot("default", {
type: "Pie",
font: "normal normal 8pt Tahoma",
fontColor: "black",
labelOffset: -20,
radius: 100
}).addSeries("eventSeries", eventByReasonsData );
var anim_a = new dc.action2d.MoveSlice(eventReasonsChart, "default");
var anim_b = new dc.action2d.Highlight(eventReasonsChart, "default");
var anim_c = new dc.action2d.Tooltip(eventReasonsChart, "default");
eventReasonsChart.render();
}
Ecco il mio HTML:
<div id="eventsByReasonChart" ></div>
Ed ecco il javascript che effettua la chiamata AJAX:
new Ajax.Request( url, {
method: 'post',
parameters: params,
onComplete: function(response) {
if( response.responseText != "empty" )
{
var chart = eventReasonsChart;
eventByReasonsData = response.responseText;
chart.updateSeries( "eventSeries", eventByReasonsData );
chart.render();
}
}
});
Infine, ecco come il mio dati vengono formattati quando viene inviato alla tabella:
[{ y:48 },{ y:1 },{ y:1 },{ y:14 },{ y:7 },{ y:3 },{ y:8 }]
quando la carta è inizialmente disegnato, tutto è fresco, nessun problema. Dopo aver effettuato la chiamata Ajax, ricevo i nuovi dati, la chiamata di aggiornamento è fatto e il grafico scompare. Nessun errore che posso vedere sulla console.
tutte le idee?
Soluzione
ho il sospetto che eventByReasonsData
è una stringa, quando updateSeries()
si aspetta un array. È possibile utilizzare dojo.fromJson()
per convertire la stringa in un array:
chart.updateSeries( "eventSeries", dojo.fromJson(eventByReasonsData) );