买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!
摘要:本发明属于数据表示技术领域,具体涉及一种基于Echarts的地图烟花组件实现方法,包括:渲染立体地图;定时从后台获取数据;过滤出数据增长的区域;将区域转换为坐标点;为每个坐标点创建一个烟花组件;随机设置每个烟花组件的动画展示的延时时间,使各个坐标点的动画错落开。本申请解决了Echarts地图数据增长时展示不直观的问题,数据如果有增长,则在数据查询周期内以烟花的方式循环展示,该方案使得展示更加直观,极大地提升了用户的体验。
主权项:1.一种基于Echarts的地图烟花组件实现方法,其特征在于:包括:步骤一,渲染立体地图,所述渲染立体地图的方法为:创建一个地图组件,包含GeoJSon地图数据及区域名称和地理位置坐标对应表,地图组件使用Echarts结合GeoJSon地图数据,在页面上渲染出多个地图,将地图叠加并添加阴影,通过调节各个地图的层级、角度、位置、阴影的方向和大小,使得地图在视觉上呈现出3D效果;步骤二,定时从后台获取数据;步骤三,过滤出数据增长的区域;步骤四,将区域转换为坐标点,设置一个区域名称与地理位置坐标的对应关系表,将有数据增长的区域名称转换为对应的地理位置坐标;步骤五,遍历地理位置坐标列表,使用Echarts的地理坐标系将地理位置坐标定位到页面上,每个坐标点创建一个烟花组件,所述烟花组件包括三个部分,分别为烟花头部、烟花尾部、烟花亮点,使用三个Echarts的路径图组件展示烟花亮点、烟花头部、烟花尾部,所述烟花亮点设置在烟花头部内,烟花亮点尺寸小于烟花头部的尺寸,无颜色,无拖尾无阴影,所述烟花头部无拖尾,有阴影,有颜色,所述烟花尾部设置有拖尾有阴影,有颜色,调整三者的位置组成一个烟花图形;步骤六,随机设置每个烟花组件的动画展示的延时时间,使各个坐标点的动画错落开。
全文数据:
权利要求:
百度查询: 海看网络科技(山东)股份有限公司 一种基于echarts的地图烟花组件实现方法
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。