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
            },
        });
     
        最后的效果:
  • 相关阅读:
    关于http头
    关于js中的命名
    PHP之APC缓存详细介绍
    找回Windows Vista桌面的IE7.0图标
    查看操作系统是不是中文正式版?
    如何判断XP是否已激活
    Vista取消默认共享
    今天是儿童节,祝福儿子节日快乐!
    天天锻炼身体好!
    如何查看你的XP SP2是否原版?
  • 原文地址:https://www.cnblogs.com/simple-raxit/p/10877312.html
Copyright © 2011-2022 走看看