通过DataGear的参数化数据集、图表联动和看板API功能，可以很方便地制作支持数据钻取效果的数据可视化看板。首先，以上级地区名为参数，新建一个参数化SQL数据集：SELECT COL_NAME, --地区名 COL_VALUE, --地区指标数值 COL_PARENT AS COL_MAP --上级地区名，同时作为地图名FROM T_ANALYSISWHERE<#if 上级地区名??> COL_PARENT = '${上级地区名}'<#else> COL_PARENT = '中国'</#if>参数：名称 类型 必填上级地区名 字符串 否T_ANALYSIS表数据示例：COL_NAME COL_VALUE COL_PARENT山东 160 中国北京 200 中国...朝阳区 195 北京海淀区 200 北京...青岛市 10 山东济南市 160 山东...历下区 50 济南市市中区 78 济南市历城区 150 济南市...然后，新建一个使用上述数据集的地图图表：图表类型：基本地图数据集列标记：COL_NAME：地区名称 (name)COL_VALUE：指标数值 (value)COL_MAP：地图名 (map) 然后，新建可视化看板，填写如下看板模板内容：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.dg-chart{ display: inline-block; width: 100%; height: 480px;}</style><script type="text/javascript">var paramHistory = [];var chartListener ={ onUpdate: function(chart, results) { //存储当前上级地区名，用于支持返回操作 var paramVal = chart.dataSetParamValueFirst(0); if(!paramVal) paramHistory = []; else paramHistory.push(paramVal); $("#title").html((paramVal ? paramVal : "全国") + " - 数据"); }};$(document).ready(function(){ $("#backButton").click(function() { //获取上一次操作的上级地区名，设置为图表参数，然后刷新图表 paramHistory.pop(); var paramVal = (paramHistory.pop() || null); var chart = dashboard.chartOf("chart1"); chart.dataSetParamValueFirst(0, paramVal); chart.refreshData(); });});</script></head><body class="dg-dashboard" dg-chart-map-urls="{'济南市':'jinan.json'}"> <div style="position: absolute;left:1;top:1;font-size:12px;"> DataGear <br> http://www.datagear.tech</div><div style="font-size:2em;text-align:center;margin-bottom:5px;">DataGear 看板示例</div><p>?</p><div style="position:relative"> <div id="title" style="text-align:center;font-size:1.2em;font-weight:bold;"></div> <button id="backButton" style="position:absolute;right:2em;top:0;">返回</button></div><div id="chart1" class="dg-chart" dg-chart-options="{title:{show:false}}" dg-chart-link="{target:'chart1',data:{name:0}}" dg-chart-listener="chartListener" dg-chart-disable-setting="true" dg-chart-widget="3fa7ecaf11742397c58b"></div></body></html>点击[保存并展示]按钮，打开看板展示页面，完成！！！注：上述示例中使用了没有内置的济南市地图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
