当前位置: 首页 > Web前端 > JavaScript

DataGear 制作支持全国、省、市三级数据钻取效果的地图数据可视化看板

时间:2023-03-27 12:59:39 JavaScript

.dg-chart{显示:内联块;宽度:100%;height:480px;}DataGear出品地图数据可视化看板,支持国家、省、市数据钻探效果看板。首先创建参数化SQL数据集,上级区域名称为参数:SELECTCOL_NAME,--regionnameCOL_VALUE,--regionindexvalueCOL_PARENTASCOL_MAP--上级区域名称,并在与地图名称同时FROMT_ANALYSISWHERE<#ifsuperiorRegionname??>COL_PARENT='${superiorregionname}'<#else>COL_PARENT='China'参数:名称类型必填上级regionnamestring否T_ANALYSIS表数据示例:COL_NAMECOL_VALUECOL_PARENT山东160中国北京200中国...朝阳区195北京海淀区200北京...青岛市10山东省济南市160山东...历下区50ShizhongDistrict,JinanCity78LichengDistrict,JinanCity150JinanCity...然后,使用以上数据集新建地图图表:图表类型:基本地图数据集列标签:COL_NAME:区域名称(名称)COL_VALUE:指标值(value)COL_MAP:地图名称(map)然后,新建一个可视板,填写看板模板内容如下:.dg-chart{显示:内联块;宽度:100%;height:480px;}DataGear
http://www.datagear.tech

DataGear看板示例

返回
/body>点击【保存并显示】按钮,打开看板展示页面,完成!!!注:以上例子使用的是济南,没有内置城市地图GeoJSON文件(jinan.json),需要通过看板编辑页面在看板中添加看板资源功能。推荐GeoJSON下载地址:https://datav.aliyun.com/portal/school/atlas/area_selector效果图如下:官网地址:http://www.datagear.tech源码地址:Gitee:https:///gitee.com/datagear/datagearGithub:https://github.com/datageartech/datagear