zoukankan      html  css  js  c++  java
  • 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
            },
        });
     
        最后的效果:
  • 相关阅读:
    csp-s测试41 T2 影子
    模拟测试15 T3:rps (概率期望, 神*DP)
    考试沙币错误
    测试40
    水管局长 Lct
    测试32:chemistry
    测试35:抽卡
    模拟30,树
    考试策略&&模拟30经验总结:
    模拟测试28
  • 原文地址:https://www.cnblogs.com/simple-raxit/p/10877312.html
Copyright © 2011-2022 走看看