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
            },
        });
     
        最后的效果:
  • 相关阅读:
    The path "" is not valid path to the gcc binary.
    ADB命令介绍
    Android 中Message,MessageQueue,Looper,Handler详解+实例
    Sqlite 修改字段
    曾经光辉岁月 永远海阔天空
    用AchartEngineActivity引擎自定义图表控件和背景折线图
    一个帖子学会Android开发四大组件
    Android获得系统时间(24小时制)
    TagBuilder
    MVC
  • 原文地址:https://www.cnblogs.com/simple-raxit/p/10877312.html
Copyright © 2011-2022 走看看