highcharts中pie统计图获取数据
从列子知道数据是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统计图获取数据相关推荐
- vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
- ajax中get请求获取数据
回到文章总目录 1.创建在testtwo文件夹并在这个文件夹里面 2.创建get.html文件 3.创建server.js文件 get.html文件 <!DOCTYPE html> < ...
- .net中如何同步获取数据方式增加一样数据自动刷新列表_知客CRM如何对接微信公众号...
如果您的企业正在运营微信公众号,您可以将公众号上的粉丝和知客CRM中的客户信息进行身份绑定,这样公众号的粉丝就有了一个客户ID,能够与CRM系统进行业务交互,比如浏览公司产品.下单到CRM.发起投诉流 ...
- vue 读取ajax数据,详解vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
- Android 中handlemessage方法获取数据赋值全局变量
new Thread(new Runnable() {@Override public void run() {// TODO Auto-generated method stub try {if ( ...
- .net中如何同步获取数据方式增加一样数据自动刷新列表_期待已久的动态数据库工具终于来了!...
本地数据库的创建和管理是大多数移动应用工程中的核心组件之一,一般会通过直接使用 SQLite 或 Jetpack Room 持久化库来完成.开发者们也在不断地寻求着更好的方式,使其能够在运行中的应用中 ...
- 怎么使用jquery中ajax来获取数据,
好久没有写鸡汤了,真的是三天不要学习,就不学习了,1玩小时定律你懂的,直接说怎么写是做好的,直说最简单的方式,] [1] 我一般习惯帮项目放在php环境的www目录下运行.如果知道php的都知道怎么回 ...
- phpspider中当爬虫获取数据时如何去掉广告
当成功爬取到的网页数据中有很多不相干的html广告标签时, 你是否会感到无可奈何, 有时候即使将XPath的效果发挥到极致, 也无法去掉顽固的html广告标签, 咋整呢? 本节给你介绍通过select ...
- usestate中的回调函数_React 中获取数据的 3 种方法:哪种最好?
译文 | https://cloud.tencent.com/developer/article/1535913 原文 | https://dmitripavlutin.com/ 在执行 I/O 操作 ...
最新文章
- UVA11817 Tunnelling the Earth(计算几何、经纬度转空间坐标、球面距离)
- 应用抽象工厂模式自己动手写一个ioc
- mybatis if test 用法_SpringBoot整合Mybatis-Plus 实战之动态SQL,Mybatis拿得出手的功能之一...
- H2内嵌数据库的使用
- 信息学奥赛一本通 1135:配对碱基链 | OpenJudge NOI 1.7 07
- ajax提交数据给谁,jquery ajax提交数据给后端
- 【工具】FormatUtil.ava 常用工具类
- 异同点 模拟退火 遗传算法 邻域搜索_遗传算法与模拟退火算法比较
- Linux之chrony时间同步服务、ntp协议
- Android Studio R类找不到(Mac)
- easyui首页模板
- DXGI抓屏优化扩展:鼠标功能+数据获取+多显示器捕获(屏幕共享源码)
- 微信小程序开通广告要求累计独立访客(UV)不低于 1000是什么意思?怎么查看UV数量?
- HMC_Hamiltonian Monte Carlo 推导,代码
- 误删文件恢复免费软件推荐
- 请没有买房和买车的朋友一定认真的看一下,看后再做决定吧..
- 相机光学(五)——对运动物体的曝光时间的计算
- 电子计算机上面的mrc是什么意思,计算器上 M MRC GT CE MU 键分别是什么意思?
- iOS 应用崩溃日志分析
- 职场中哪些职场很重要?