echarts热力地图
更新时间: 2022-12-28 14:58:10
阅读 3895
1. 概述
本产品接入了echarts,这是一款基于JavaScript的数据可视化图表库。本文将举例介绍如何绘制echarts热力地图,地图背景为百度地图。热力地图适合于呈现地理分布信息,比如人口分布密度。
注意:此功能仅私有部署版本支持,SaaS版本暂未开放。
2. 应用场景
如果您觉得本产品内置的热力地图组件不够炫酷,或者想用百度地图的图层。
图表画法:
(1)在画布上添加一个echarts热力地图控件;
(2)echarts热力地图时支持两种绘制方式:使用经纬度数据绘制、使用地址数据绘制。
使用经纬度数据绘制时,需要数据里提供了包含经纬度信息的数据字段。如图所示,我们将小区的经纬度、小区的居民户数等数据拖入对应的图表配置区域,即可完成人口分布热力地图的绘制。
使用地址数据绘制时,只需要提供地址信息,系统会解析地址后绘制图表。如图所示将包含小区地址、小区户数等数据字段拖入对应的图表配置区,系统会解析小区地址,完成热力地图的绘制。需要注意的是地址解析比较耗时,因此使用地址方式绘制地图时,建议数据项不宜过多,否则可能需要等待较长时间。
(3)鼠标移动至地图上的数据点时,会有提示框展示该数据点的一些详细信息,可以把需要展示的字段拖至“提示信息”区域。
文档反馈
以上内容对您是否有帮助?