0

我正在尝试使用 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>

这是进行 AJAX 调用的 javascript：

     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 调用之后，我收到了新数据，进行了更新调用并且图表消失了。我在控制台上看不到任何错误。

有任何想法吗？

4

1 回答 1

2

我怀疑这eventByReasonsData是一个字符串，当updateSeries()需要一个数组时。您可以使用dojo.fromJson()将字符串转换为数组：

chart.updateSeries( "eventSeries", dojo.fromJson(eventByReasonsData) );
于 2010-12-02T05:01:36.540 回答