使用ajax将数据加载到highchart

Question

我正在使用以下功能加载高潮图。

function reloadSubGraph(data){
$(function () {
    $('#SubPatternContainer').highcharts({

        plotOptions: {
            events: {
                update: function (event) {
                }
            }
        },
        title: {
            text: 'Selected Pattern'
        },
        series:[{data:[[1,200],[2,200],[3,200]]}]
    });
});

}

它运行正常，但是当使用ajax调用为相同的数据字符串[{data:[[1,200],[2,200],[3,200]]}]加载数据时，如下所示它不会显示在图表上。

function getSubPatternData(patternId,patternName){
$.ajax({
    url: "/arcane/patternData1?patternId="+patternId+"&patternName="+patternName,
    type: "get",
    cache: false,

    success: function(data) {
        var tempdata=String(data);
        reloadSubGraph(tempdata);
    },
    error:function(xhr, status, error){
        alert(xhr.responseText);
    }
});

}

任何人都可以指出我在这里做错了什么。当我看到使用alert（data）返回的ajax结果时，它显示了我在reloadSubGraph（）函数中使用的相同字符串（[{data:[[1,200],[2,200],[3,200]]}]）

与ajax一起使用时，我更改了reloadSubGraph（）函数，如下所示。

function reloadSubGraph(data){
alert(data);
$(function () {<!--from w  w  w .j  ava 2 s  .  c  o m-->

    $('#SubPatternContainer').highcharts({

        plotOptions: {
            events: {
                update: function (event) {
                }
            }
        },
        title: {
            text: 'Selected Pattern'
        },
        series:data
    });
});

}