润乾报表制作echarts地图
在地图上展现地域相关的数据,是在公共设施管理、交通、电信、城市建设、能源、电力、农业等国民经济相关的应用系统中是比较常见的直观图表形式。以前,如果在报表应用系统中需要显示地图相关的信息,开发人员可能会第一时间想到 GIS(Geographic Information Software 地理信息软件),但是 GIS 的体系较大,需要开发人员定义 GIS 中被执行的各种任务,开发相应的处理程序。 熟练的操作人员甚至还需要克服 GIS 软件功能的不足。事实上,如果只是想做个地图显示数据,完全不必要用这么大的牛刀哦!
现在 echarts 这个小鲸鱼做地图数据呈现可以帮助我们轻松做出地图数据呈现,而润乾报表则将 echarts 脚本集成到了设计器下,在根据类别选好要做的地图模板后,通过设置下几个参数,一个数据地图就轻松完成了。
我们先来看几个润乾内置的 echarts 地图效果吧!
怎么样,是不是很酷炫?下面我们再通过一个例子,看看如此酷炫的地图是不是还需要那么复杂步骤……
1、数据准备
连接数据源,新建报表,增加数据集。不论数据集是采用哪种方式得到的,最终整理好后的数据都应该是下面的格式。哈哈,不用紧张,字段名可以不一样哟。
注意:第二个字段城市的名字,省份的名字中一定不要出现省市的字样,例如:北京,不要写成北京市;黑龙江,不要写成黑龙江省,否则,会出现对应省市的数据在统计图中无法对应的情况。
2. 单元格中添加 echarts 统计图模板。
(1)选统计图 JS 模板
选中需要设为统计图的单元格,点击“报表 - 第三方图形”菜单项,或者右键“菜单 - 第三方图形”,在图形编辑窗口中点击打开模版按钮,缺省会直接指向【安装根目录】/chart 目录,用户也可自行切换到模版的存放路径。
(2)设置统计图所需参数值。
参数列表中的参数值可以引用数据集数据,是通过润乾报表提供的 json@a() 函数将数据集转换成二维数组的 json 串。具体参考教程中 json 函数说明。
点击确定后,我们就可以在 web 端发布报表,看看统计图的效果了。
3. 在 jsp 中引入中国地图的 js.
Echarts.jsp 在 demo/reportJsp 目录下,在该页面中已经带有中国的 js 了,如下图所示。
如果是其他省份的地图要对应在该页面中添加。
4. Web 端查看效果。
内置 tomcat 启动的情况下点击 IE 图标,在浏览器中就可以看到我们直接通过模板做出的地图了。
做省份的地图和国家地图,步骤也相同,现在我扩展下,简单说下:
- 省份的 JS 所在的目录是:raqsoft_180514_2\report\web\webapps\demo\raqsoft\echarts3\map\js\province。
这个目录下省份的 JS 文件名称都是对应省份的全拼,如:宁夏回族自治区对应“ningxia”. 这样就出现山西和陕西同名的情况,shanxi.js 对应的是山西,shanxi1.js 对应的是陕西。
- 在 jsp 中引入对应省份的 JS 脚本。
作者:shiguang
链接:http://c.raqsoft.com.cn/article/1533395519437?r=xiaohuihui
来源:乾学院
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
润乾报表制作echarts地图相关推荐
- 润乾报表制作一张报表的步骤
第一步:打开设计器 第二步:数据源连接 点开配置菜单项中的数据源,再弹出的数据源配置窗口进行数据源的连接,可以直接使用报表本身附带的数据库.若是想要使用自己的数据源可以点击新建,新的数据源新建成功后点 ...
- 润乾报表制作折叠报表
对数据进行分类,并以一定方式进行汇总统计,但当数据量稍多,或分组的层级过多是看着就比较烦乱,通过折叠报表的方式可以将分类汇总的数据一目了然的展现.润乾V5集算报表提供了两种类型的折叠报表:树型折叠报表 ...
- 润乾报表echarts统计图省份地图设置
需求是制作单个省份的地图,比如,要制作一张江西省的产业分布图,通过echarts设置,首先要有江西省地图的js或者是json,在润乾设计器中有自带的模板可以直接使用,report5\web\we ...
- 右边补0 润乾报表_制作按奖金分段统计的员工业绩报表
现有这样的员工信息表 我们希望按下图的样子统计 按奖金某金额段的人数及金额额度统计. 本例统计 "5k 以下" , "5k – 8k" , "高于 8 ...
- 记录一下润乾报表填报的制作
我是一个前端开发,因为项目比较急,我老大就临时把我也叫过去画报表了. 润乾下载地址:润乾报表|报表下载-报表软件下载-报表产品下载 成品是这样: 除了序号都是可以进行修改,保存修改还是很方便的. 既然 ...
- 润乾报表CookBook与使用
part1 1. 数据源相关 1.1 报表工具连接文本数据 1.2 报表工具连接非关系数据库(待补充) 1.3 报表异构数据源关联混算 1.4 报表工具 json 数据源 1.5 报表工具连 sap ...
- abap al设置单元格可编辑 oo_润乾报表美化设置 -- 样式
在制作报表时,报表设计人员经常遇到下面这些美化报表的问题: 为什么我做出的报表领导总觉得不好看不满意 美化一张报表要设置太多的格式和属性,那么多报表都得重复设置,真繁琐 系统中不同人做出的报表展现格式 ...
- 免费开源JAVA报表工具对比 BIRT报表VS润乾报表之初体验
前一段时间,被导师安排对报表开发工具做调研,之后就一度泡在各大博客.论坛里,尽可能全面的搜集了几款报表工具的优缺点,攒成了<java报表工具报表软件选型经验总结分享>.不过大多都是直接抄的 ...
- 报表工具对比之润乾报表与锐浪报表对比
目前市场上报表工具五花八门,国内的.国外的.开源的.收费的,让人不免有眼花缭乱之感.本文将简单地从报表设计.数据处理.数据填报.数据分析.集成调用几方面对大家使用的比较多的润乾报表和锐浪报表(Grid ...
最新文章
- 打印当前时间 毫秒_时间轮定时器
- java纯粹面向对象_Java的面向对象特征
- Comet OJ(Contest #14)-飞翔的小鸟【tarjan】
- python消息订阅_python rabbitmq消息发布订阅
- 如何设置 Excel 文件打印时刚好是一页的宽度?让打印范围刚好是一页纸
- 查询计算机端口状态是否开启,如何查看自己的电脑3389端口是否是处于开启状态?...
- 如何用计算机进行机械制图,机械制图与机械CAD的有机结合的探究
- C语言热电阻温度查表,热电阻分度表如何看?是什么意思?
- feignclient time out
- HTML获取当前IP和当前位置
- 中国首个超250米高“空中连廊”幕墙工程合拢 创多项世界之最
- 消防设施操作员考试真题、模拟练习题库(8)
- NVM详细安装及使用
- 基于Python的统计建模
- java课程培训中心
- 的c语言编程函数题,C语言编程题及答案Word版
- 如何更改layui弹出层样式
- 小白mybatis学习(三)输出结果配置
- centos6.9安装Panoply
- what is vmagent
热门文章
- 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
- 自动驾驶算法岗笔试题 | 一道有意思的数学题 | 解析及代码实现
- 通证经济系统设计的一个优秀范例——般若链
- GZSFLbearingCLD
- 2022年上海DAMA-CDGA/CDGP数据治理认证招生简章
- 20171115-美国股市 -昨夜今晨-巴菲特三季度增持苹果 中概股多数下跌
- 超融合进入云轨道 青云QingCloud一鸣惊人
- Aggressive cows POJ2456
- MySQL入门篇,2021最新Java知识体系总结
- TableEditamp;nbsp;UI_10