从列子知道数据是array类型的,但不知后端传回来的数据怎样转换成应有的数据类型,下面是获取数据的方法:

/**
 * pie统计图获取的映射类
 * @author Administrator
 *
 */
public class JPicData {

private String name;
    private double value;
    @Override
    public String toString() {
        return "JPicData [name=" + name + ", value=" + value + "]";
    }
    public JPicData(String name, double value) {
        super();
        this.name = name;
        this.value = value;
    }
    public JPicData() {
        super();
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public double getValue() {
        return value;
    }
    public void setValue(double value) {
        this.value = value;
    }
    
    
}

/**

controller类
     * 企业地域分布
     * @return
     */
    @RequestMapping("/qyaddr")
    public @ResponseBody List<JPicData> qyaddr(){
        List<JPicData> list = new ArrayList<JPicData>(){
            {
                add(new JPicData("泊头市",10));
                add(new JPicData("吴桥",30));
                add(new JPicData("东光县",21));
                add(new JPicData("青县",16));
            }
        };
        return list;
    }

前端ajax:

$.ajax({
            type:'post',
            url:'${pageContext.request.contextPath}/webzwc/qyaddr',
            contentType:'application/json;charset=utf-8',
            async:false,
            success:function(data){
                //定义一个数组            
                ydata = [],
                $.each(data,function(i,d){
                    ydata.push([d.name,d.value]);
                });
                qyaddr(ydata);
            }
        });

最后将pie中的data:[……]换成传入的参数就行,上代码:

function qyaddr(data){
        new Highcharts.Chart({
            chart: {
                renderTo: 'container2',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: ''
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.point.name +'</b>: '+ this.percentage.toFixed(2) +' %';
                }
            },
            plotOptions: {
                pie:{
                    allowPointSelect: true,
                    cursor: 'pointer',
                    showInLegend: true,
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',                    
                        formatter: function() {
                            return this.y;
                        }
                    }
                }
            },        
            legend:{
                borderWidth:0,
            },
            series: [{
                type: 'pie',
                name: 'pie',
                data: data
            }]
        });
    }

转载于:https://www.cnblogs.com/liuyun-10/p/6806311.html

highcharts中pie统计图获取数据相关推荐

  1. vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法

    在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...

  2. ajax中get请求获取数据

    回到文章总目录 1.创建在testtwo文件夹并在这个文件夹里面 2.创建get.html文件 3.创建server.js文件 get.html文件 <!DOCTYPE html> < ...

  3. .net中如何同步获取数据方式增加一样数据自动刷新列表_知客CRM如何对接微信公众号...

    如果您的企业正在运营微信公众号,您可以将公众号上的粉丝和知客CRM中的客户信息进行身份绑定,这样公众号的粉丝就有了一个客户ID,能够与CRM系统进行业务交互,比如浏览公司产品.下单到CRM.发起投诉流 ...

  4. vue 读取ajax数据,详解vue 中使用 AJAX获取数据的方法

    在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...

  5. Android 中handlemessage方法获取数据赋值全局变量

    new Thread(new Runnable() {@Override public void run() {// TODO Auto-generated method stub try {if ( ...

  6. .net中如何同步获取数据方式增加一样数据自动刷新列表_期待已久的动态数据库工具终于来了!...

    本地数据库的创建和管理是大多数移动应用工程中的核心组件之一,一般会通过直接使用 SQLite 或 Jetpack Room 持久化库来完成.开发者们也在不断地寻求着更好的方式,使其能够在运行中的应用中 ...

  7. 怎么使用jquery中ajax来获取数据,

    好久没有写鸡汤了,真的是三天不要学习,就不学习了,1玩小时定律你懂的,直接说怎么写是做好的,直说最简单的方式,] [1] 我一般习惯帮项目放在php环境的www目录下运行.如果知道php的都知道怎么回 ...

  8. phpspider中当爬虫获取数据时如何去掉广告

    当成功爬取到的网页数据中有很多不相干的html广告标签时, 你是否会感到无可奈何, 有时候即使将XPath的效果发挥到极致, 也无法去掉顽固的html广告标签, 咋整呢? 本节给你介绍通过select ...

  9. usestate中的回调函数_React 中获取数据的 3 种方法:哪种最好?

    译文 | https://cloud.tencent.com/developer/article/1535913 原文 | https://dmitripavlutin.com/ 在执行 I/O 操作 ...

最新文章

  1. UVA11817 Tunnelling the Earth(计算几何、经纬度转空间坐标、球面距离)
  2. 应用抽象工厂模式自己动手写一个ioc
  3. mybatis if test 用法_SpringBoot整合Mybatis-Plus 实战之动态SQL,Mybatis拿得出手的功能之一...
  4. H2内嵌数据库的使用
  5. 信息学奥赛一本通 1135:配对碱基链 | OpenJudge NOI 1.7 07
  6. ajax提交数据给谁,jquery ajax提交数据给后端
  7. 【工具】FormatUtil.ava 常用工具类
  8. 异同点 模拟退火 遗传算法 邻域搜索_遗传算法与模拟退火算法比较
  9. Linux之chrony时间同步服务、ntp协议
  10. Android Studio R类找不到(Mac)
  11. easyui首页模板
  12. DXGI抓屏优化扩展:鼠标功能+数据获取+多显示器捕获(屏幕共享源码)
  13. 微信小程序开通广告要求累计独立访客(UV)不低于 1000是什么意思?怎么查看UV数量?
  14. HMC_Hamiltonian Monte Carlo 推导,代码
  15. 误删文件恢复免费软件推荐
  16. 请没有买房和买车的朋友一定认真的看一下,看后再做决定吧..
  17. 相机光学(五)——对运动物体的曝光时间的计算
  18. 电子计算机上面的mrc是什么意思,计算器上 M MRC GT CE MU 键分别是什么意思?
  19. iOS 应用崩溃日志分析
  20. 职场中哪些职场很重要?

热门文章

  1. Win7启用Administrator账户登录
  2. Python pip参数(精)
  3. RedHat gcc编译器版本升级到4.8.2支持C++11标准
  4. 攻击者利用的Windows命令、横向渗透工具分析结果列表
  5. 修复Mysql主从不同步shell
  6. vue:在router里面给页面加title
  7. win10下 mysql5.7.19 winx64解压缩版安装配置教程
  8. 中国大学MOOC-数据结构基础习题集、06-3、公路村村通
  9. 20万RMB!学数据分析的朋友一定要看!
  10. 大数据解密之你的同事都跳槽到了哪些公司