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
        },
    });
 
    最后的效果:

 

posted @ 2019-05-16 18:34  SSimple  阅读(337)  评论(0编辑  收藏  举报