在地图上展现地域相关的数据,是在公共设施管理、交通、电信、城市建设、能源、电力、农业等国民经济相关的应用系统中是比较常见的直观图表形式。以前,如果在报表应用系统中需要显示地图相关的信息,开发人员可能会第一时间想到GIS(Geographic Information Software地理信息软件),但是GIS的体系较大,需要开发人员定义GIS中被执行的各种任务,开发相应的处理程序。 熟练的操作人员甚至还需要克服GIS软件功能的不足。事实上,如果只是想做个地图显示数据,完全不必要用这么大的牛刀哦!
我们提供的服务有:成都做网站、成都网站设计、微信公众号开发、网站优化、网站认证、邯郸ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的邯郸网站制作公司现在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脚本。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享名称:报表中的地图怎么做?-创新互联
当前地址:http://lswzjz.com/article/diesgo.html