Я пытаюсь обновить круговую диаграмму додзе, используя метод updateSeries. Я вызываю метод после выполнения вызова ajax, чтобы получить обновленные данные массива javascript.
Вот 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();
}
Вот мой HTML:
<div id="eventsByReasonChart" ></div>
А вот javascript, выполняющий вызов 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();
}
}
});
Наконец, вот как мои данные форматируются при отправке на график:
[{ y:48 },{ y:1 },{ y:1 },{ y:14 },{ y:7 },{ y:3 },{ y:8 }]
Когда график изначально рисуется, все круто, никаких проблем. После вызова Ajax я получаю новые данные, выполняется обновление, и диаграмма исчезает. Нет ошибок, которые я вижу на консоли.
есть идеи?