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

news/2024/7/3 2:47:14
<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


http://www.niftyadmin.cn/n/3682153.html

相关文章

AES加密 + Base64编码

AES 加密 依赖&#xff1a; <dependency><groupId>commons-net</groupId><artifactId>commons-net</artifactId><version>3.6</version> </dependency>加密代码 public class EncryptUtils {// AES加密要求key必须要128个比…

页面数据缓存

查找更多的相关主题 页面数据缓存 ASP.NET提供了一个相当出色的缓存引擎机制&#xff0c;它允许页面保存和索引HTTP请求所要求的各种各样的对象。ASP.NET的缓存对各个应用来说是私有的&#xff0c;是存储各种对象的存储器。缓存的生存周期取决于应用的生存周期&#xff0c;…

Mysql5.7.6安装和主从配置手册

Mysql5.7.6 安装手册 linux server版本1.下载 http://dev.mysql.com/downloads/mysql/#downloads 2. 检查库文件是否存在&#xff0c;如有删除检查&#xff1a;rpm -qa | grep mysql删除&#xff1a; rpm -e mysql-libs-5.1.52.x86_64 --nodeps3. 检查mysql组和用户是否存在&am…

JDC 的 ACCESS_TOKEN 授权流程

JDC 的 ACCESS_TOKEN 授权流程 这里统一为JDC授权流程。最近在对接国外版的天猫和京东&#xff0c;在对接API直接&#xff0c;授权需要token的获取。像LAZADA&#xff0c;Shopee&#xff0c;和JD Central 这三家的接口&#xff0c;其token的授权流程类似&#xff0c;这里统一记…

MySQL Error--存储inode用完后报设备没有空间

问题描述&#xff1a;磁盘有足够剩余空间&#xff0c;但在创建文件或文件夹时报错&#xff0c;提示“设备没有空间”。 问题原因:当存储设备通过分区格式化为文件系统后&#xff0c;会分为两部分&#xff1a;1、block部分&#xff1a; 存储的最小单位为扇区(Sector)&#xff0c…

页面部分缓存概述

页面部分缓存概述 页面部分缓存允许缓存页的部分内容&#xff0c;其他部分则为动态内容。由于大部分Web页面的某些部分在每一次请求时都需要进行更改&#xff0c;所以&#xff0c;在这种情况下&#xff0c;就只能缓存页面的一部分&#xff0c;即页面部分缓存。 页面部分缓…

Java实现二维数组的排列组合

今天同事在做一个需求的时候&#xff0c;需要设计到二维数组的排列组合为题&#xff0c;就趁这个机会&#xff0c;实现了这个功能&#xff0c;现记录一下&#xff1b; public static void main(String[] args) {List<String[]> list new ArrayList<>();list.add(…

初学linux时遇到的那些哭笑不得的问题

1.终端中无法输入密码&#xff1f; 在终端输入密码&#xff0c;是不会在输入密码的时候看见星号或者圆点符号的。它不会有任何输入密码的视觉指示&#xff0c;也不会有任何光标移动&#xff0c;什么也不显示。 其实是输进去了&#xff0c;只是没有明文显示出来而已。输入完成后…