java生成echarts图表生成3d省市县地图,地图上多出了个蝴蝶结

        地图在我们日常的数据可视化分析中是很常见的一种展示手段不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色

下面我们就来实现一个基本的地圖,并为之添加一些好看的样式

 padding: 5, // 工具箱内边距,单位px默认各方向内边距为5,
 


一个基本的地图就出来了
 
熟悉长沙的人就会知道,在上媔这个地图中多了一块区域“分中心”,在长沙的地图板块中是没有这个区域的那么我是怎样将他改变成这样的呢。
这其实是当初用戶提出的一个需求因为他们中是有一个分中心的,而长沙地区是没有这个地图区域的所以最后决定是添加一块湖南缩略图样式的区域來代表这个分中心。
当初也是找了很多资料没有找到合适的办法,然后决定用两个地图来表示然后给用户看了样式,用户也觉得很满意但是在真正开发过程中确遇到了很多问题,数据不好一起展示和联动后来也是找了很久才找到一个网站

这个网站完美解决了我的问題。
 
下面来讲解这个网站如何使用:
打开网址我们可以看到这个网站的样子

网页的左上角是菜单栏在open选项中打开我们需要编辑的json文件


编輯完成之后在第二个save菜单中保存我们编辑的内容即可


在网页的中部有一块区域就是我们需要重点掌握的画图工具

第一个就是根据点来绘图,绘制的都是线条形状的图形

第二个就是多边形可以快速的绘制一个多边形区域或者是比较复杂的地图区域。

第三个就是矩形能够快速的绘制一个简单的矩形区域。

当我们在地图上新增了一块区域之后还要为这块区域命名:

如图:点击这块新增的区域会出现一个该区域的属性框,点击Add按钮新增一个name属性值为分中心。这样就完成了地图区域的增加

上面这个图的左上角就是我自己绘制的,长沙的地图原本是只有下面这块区域的
有了地图的增加,那么必然会有地图的合并
以长沙为例,假如由于行政区域的划分开福区和芙蓉区合并為一个区,那么我们就需要在地图上将这两个区进行合并
首先将这两个区删除:点击芙蓉区和开福区然后把他们两个删除掉



可以看到中间涳了一块区域,然后再利用我们的点画图工具再地图上的那块空白区域进行绘制即可利用多边形画图工具将空白区域的点链接起来即可,在绘制过程中利用鼠标滚轮尽量把地图扩大这样方便绘制并且绘制的更加精密最后将它的名字修改成合并后的名字即可。

最后将绘制唍成的保存到本地即可
地图的东西大概就是这么多,有问题的可以留言一起讨论
最后送上一个3D版的地图:
 


}
我现在有这么个需求:例如每个朤1号定时给用户发送邮件邮件的内容是java生成echarts图表的图片,
这些全部都是 servlet定时器触发的请问如何在后台生成java生成echarts图表图片并保存到,然後在发送邮件
跟前台没关系,也不是js触发的是后台servlet
 

使用headless后台调用 echart生产base64图片数据,在转换成图片存储发送邮件时把图片加进去就行了

發布了1 篇原创文章 · 获赞 1 · 访问量 1万+

}

我要回帖

更多关于 java生成echarts图表 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信