温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

在报表工具中怎么使用echarts绘制地图

发布时间:2021-12-14 09:41:02 来源:亿速云 阅读:216 作者:iii 栏目:开发技术

本篇内容主要讲解“在报表工具中怎么使用echarts绘制地图”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“在报表工具中怎么使用echarts绘制地图”吧!

1、数据准备

连接数据源,新建报表,增加数据集。不论数据集是采用哪种方式得到的,最终整理好后的数据都应该是下面的格式。哈哈,不用紧张,字段名可以不一样哟。

在报表工具中怎么使用echarts绘制地图

注意:第二个字段城市的名字,省份的名字中一定不要出现省市的字样,例如:北京,不要写成北京市;黑龙江,不要写成黑龙江省,否则,会出现对应省市的数据在统计图中无法对应的情况。

2. 单元格中添加 echarts 统计图模板。

(1)选统计图 JS 模板

选中需要设为统计图的单元格,点击“报表 - 第三方图形”菜单项,或者右键“菜单 - 第三方图形”,在图形编辑窗口中点击打开模版按钮,缺省会直接指向【安装根目录】/chart 目录,用户也可自行切换到模版的存放路径。

在报表工具中怎么使用echarts绘制地图

(2)设置统计图所需参数值。

参数列表中的参数值可以引用数据集数据,是通过润乾报表提供的 json@a() 函数将数据集转换成二维数组的 json 串。具体参考教程中 json 函数说明。

在报表工具中怎么使用echarts绘制地图

点击确定后,我们就可以在 web 端发布报表,看看统计图的效果了。

3. 在 jsp 中引入中国地图的 js.

Echarts.jsp 在 demo/reportJsp 目录下,在该页面中已经带有中国的 js 了,如下图所示。

如果是其他省份的地图要对应在该页面中添加。

在报表工具中怎么使用echarts绘制地图4. Web 端查看效果。

内置 tomcat 启动的情况下点击 IE 图标,在浏览器中就可以看到我们直接通过模板做出的地图了。

在报表工具中怎么使用echarts绘制地图

做省份的地图和国家地图,步骤也相同,现在我扩展下,简单说下:

  • 省份的 JS 所在的目录是:raqsoft_180514_2\report\web\webapps\demo\raqsoft\echarts3\map\js\province。

这个目录下省份的 JS 文件名称都是对应省份的全拼,如:宁夏回族自治区对应“ningxia”. 这样就出现山西和陕西同名的情况,shanxi.js 对应的是山西,shanxi1.js 对应的是陕西。

  • 在 jsp 中引入对应省份的 JS 脚本。

到此,相信大家对“在报表工具中怎么使用echarts绘制地图”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI