php 地图区域统计,php实现地图区域数据统计
$(function(){
$.get("json.php",function(json){//获取数据
var data = string2Array(json);//转换数组
var flag;
var arr = new Array();//定义新数组,对应等级
for(var i=0;i
var d = data[i];
if(d<100){
flag = 0;
}else if(d>=100 && d<500){
flag = 1;
}else if(d>=500 && d<2000){
flag = 2;
}else if(d>=2000 && d<5000){
flag = 3;
}else if(d>=5000 && d<10000){
flag = 4;
}else{
flag = 5;
}
arr.push(flag);
}
//定义颜色
var colors = ["#d7eef8","#97d6f5","#3fbeef","#00a2e9","#0084be","#005c86"];
//调用绘制地图方法
var R = Raphael("map", 600, 500);
paintMap(R);
var textAttr = {
"fill": "#000",
"font-size": "12px",
"cursor": "pointer"
};
var i=0;
for (var state in china) {
china[state]['path'].color = Raphael.getColor(0.9);
(function (st, state) {
//获取当前图形的中心坐标
var xx = st.getBBox().x + (st.getBBox().width / 2);
var yy = st.getBBox().y + (st.getBBox().height / 2);
//修改部分地图文字偏移坐标
switch (china[state]['name']) {
case "江苏":
xx += 5;
yy -= 10;
break;
case "河北":
xx -= 10;
yy += 20;
break;
case "天津":
xx += 10;
yy += 10;
break;
case "上海":
xx += 10;
break;
case "广东":
yy -= 10;
break;
case "澳门":
yy += 10;
break;
case "香港":
xx += 20;
yy += 5;
break;
case "甘肃":
xx -= 40;
yy -= 30;
break;
case "陕西":
xx += 5;
yy += 10;
break;
case "内蒙古":
xx -= 15;
yy += 65;
break;
default:
}
//写入文字
china[state]['text'] = R.text(xx, yy, china[state]['name']).attr(textAttr);
var fillcolor = colors[arr[i]];//获取对应的颜色
st.attr({fill:fillcolor});//填充背景色
st[0].onmouseover = function () {
st.animate({fill: "#fdd", stroke: "#eee"}, 500);
china[state]['text'].toFront();
R.safari();
};
st[0].onmouseout = function () {
st.animate({fill: fillcolor, stroke: "#eee"}, 500);
china[state]['text'].toFront();
R.safari();
};
})(china[state]['path'], state);
i++;
}
});
});
php 地图区域统计,php实现地图区域数据统计相关推荐
- web端业务数据管理平台+Axure运营数据管理平台+月度数据统计分析+年度排行榜数据统计页面分析+运营大数据统计管理后台+用户信息管理+Axure通用web端高保真交互业务数据管理平台
作品介绍:原型内容包含:web端业务数据管理平台+Axure运营数据管理平台+月度数据统计分析+年度排行榜数据统计页面分析+运营大数据统计管理后台+用户信息管理+Axure通用web端高保真交互业务数 ...
- 物流可视化平台/大屏看板/图表统计/运单跟踪/物流数据统计/物流看板/运单量统计/axure原型/大屏数据可视化/动效可视化数据大屏看板
作品介绍:物流可视化平台/大屏看板/图表统计/运单跟踪/物流数据统计/物流看板/运单量统计/axure原型/大屏数据可视化/动效可视化数据大屏看板 Axure原型演示及下载地址:Untitled Do ...
- php 自定义表格并统计,PHP 使用Echarts生成数据统计报表的实现
这篇文章主要介绍了PHP 使用Echarts生成数据统计报表的实现代码,需要的朋友可以参考下 echarts统计,简单示例 先看下效果图 看下代码 HTML页面 为ECharts准备一个Dom,宽高自 ...
- 计算机硬件数据统计实验报告,实验二数据统计.docx
实验二数据统计.docx 南京航空航天大学电工电子实验中心实验报告课程名称计算机硬件技术基础实验名称数据统计姓名学号评定成绩审阅教师实验时间20170502南京航空航天大学南京航空航天大学一.实验目的 ...
- 统计最近7天的数据(统计)
查询数据库表中最近7天的记录(用于做统计) MySQL 代码 select date_format(a.date,'%c.%d') day,b.count,b.amount from ( SELECT ...
- matlab 价格统计,matlab中的金融数据统计
1.均匀分布随机数生成函数unidrnd(N,m,n)N生成1到N之间的一个随机数,确定输出矩阵m行,n列. 2.生成连续均匀分布的随机数unifrnd(A,B,m,n)A,B表示上下界. 3.生成正 ...
- WPS怎么统计相同名称的数据_群发邮件平台的数据统计怎么用
很多企业的业务都离不开邮件,一天发送几千封几万封的邮件都是挺正常的事情,但是很多做群发不久的企业忽视了群发邮件平台一项很重要的功能,这也是为什么有的企业使用同样的群发邮件平台,成本却是其他企业一半的原 ...
- 微信公众平台数据统计
微信公众平台开发 企业微信公众平台 数据统计 作者:方倍工作室 地址:http://www.cnblogs.com/txw1958/p/weixin-data-analyse.html 微信公众 ...
- Android之友盟多渠道打包与数据统计(非原创)
文章大纲 一.多渠道打包与数据统计介绍 二.友盟实现多渠道打包实战 三.友盟数据统计实战 四.项目源码下载 五.参考文章 一.多渠道打包与数据统计介绍 多渠道打包,相信很多同学都知道.在Andro ...
- Android产品研发(八)--App数据统计
转载请标明出处:一片枫叶的专栏 上一篇文章中我们介绍了Android社区中比较火的热修复功能,并介绍了目前的几个比较流行的热修复框架,以及各自的优缺点,同时也介绍了一下自身项目中对热修复功能的实践.目 ...
最新文章
- 原来 Kubernetes 部署如此简单,看完全明白了
- (卓今京)Java 基础
- 流 java_java8——使用流
- 网络编程学习笔记(gethostbyaddr函数)
- java 更新jlabel_java – 如何动态更改JLabel
- 华为ws851虚拟服务器,荣耀路由Pro无线中继设置 华为WS851桥接设置教程-192路由网...
- SpringCloud动态获取yml文件里面的自定义配置
- mysql数据库安全审计_MySQL数据库安全日志审计工具
- 国外网站设计欣赏:30个优秀的国外咖啡网站设计
- oracle 分页查询
- Python中 sys.argv[]的用法
- 基于 HanLP 的 ES 中文分词插件
- python实现打飞机小游戏
- 百度AI人脸识别与检测五:学生人脸识别打卡签到系统之百度AI人脸识别
- 10.12 ——透明网桥,路由策略,准入技术
- 免费的XMind思维脑图在线编辑的网站, 可打开 .pos 文件
- cisco设备的mib库
- xp 计算机配置,xp怎么查看电脑配置
- webpack中配置jquery暴露全局(expose-loader)
- 华为交换机配置consol密码及vty密码