ajax异步接受数据aps.net发送的数据<接收部分>

<script type="text/javascript">
    var chart = echarts.init(document.getElementById('main'), null, {});
    var itemStyle = {
        normal: {
             shadowBlur: 10,
             shadowOffsetX: 0,
             shadowOffsetY: 5,
             shadowColor: 'rgba(0, 0, 0, 0.4)'
        }
    };
    var option = {
        legend: {
            data:[]//图例数据，先留空，异步获取
        },
        tooltip: {

        },
        series: [{
            name: 'pie',
            type: 'pie',
            stack: 'all',
            symbol: 'circle',
            symbolSize: 10,
            selectedMode: 'single',
            selectedOffset: 20,
            roseType: true,
            data: [],//系列一的数据，先留空，异步获取
            itemStyle: itemStyle
        }]
    };

    $.ajax({
        url: "api/Data", //DataController类的Get方法　　　　
        type: "get",
        async: true,
        cache: false,
        dataType: "json",
        success: function (data) {       
             option .series[0] .data = data.data;//千万要注意的是，echarts中series是一个数组，不要忘写【0】，不然会出现"series not exists."错误。
            option.legend.data = data.legend;
            chart.setOption(option);//接受完数据以后通过调用setOption方法显示echarts
        },
    });

 

　　　　最后的效果：

 

转载于:https://www.cnblogs.com/simple-raxit/p/10877312.html