下钻是指在点击本图表的某一部分时,可以打开一个新的图表或超链接,进而查看与图表此部分相关的详细信息。Sugar BI支持无限层级的下钻,只要下钻的弹出展示的图表也是支持下钻的,就可以继续配置进一步的下钻。
本章节是介绍地图作为下钻的下级图表,在下钻时如何动态改变地图范围的。
实现效果(您也可以点击此,查看展示的演示效果)
![](https://i-blog.csdnimg.cn/blog_migrate/1e4a018151486d4bf42f3bd816b06675.gif)
地图多级下钻
在下钻时使用地图,很多情况下的需求是:
“全国地图--->某省份地图--->某城市地图这样的三级下钻”(即默认展示全国各省的数据,点击某省份,弹出展示该省份下各个城市的数据,最后点击某城市,弹出展示该城市下各个区县的数据)。
这样就要求Sugar BI的地图范围能够根据下钻的操作而动态变化,例如点击安徽展示的就是安徽省地图,点击湖南展示的就是湖南省地图。要达到这样的效果,可按照以下步骤来实现:
1、顶层图表设置
最顶层的图表使用「中国省份色彩」,配置它的下钻为「地图」:
![](https://i-blog.csdnimg.cn/blog_migrate/4293f38fd7ca4269b281c16c200f9dfc.jpeg)
2、第一层下钻为某省份地图
点击上面中国地图中的某个省份,设置弹出的地图为:
「省份」不能设置为固定的某个省,需要设置为「根据下钻或联动动态切换」
![](https://i-blog.csdnimg.cn/blog_migrate/75c9bdefa4e7ba31440871c2cdb3aca7.png)
设置完「省份」之后,需要在「数据」中「刷新图表」来更新地图的数据,然后设置省份地图的再下一层下钻也为「地图」:
![](https://i-blog.csdnimg.cn/blog_migrate/ac64fbebe6d03a85b14a045a9be742b6.png)
3、第二层下钻为某城市地图
点击上面省份地图中的某城市,设置弹出的地图为:
「城市」不能设置为固定的某个城市,需要设置为「根据下钻或联动动态切换」
按照上面的设置即可实现地图从全国到省份到城市的三层展示,可点击这里查看演示效果。
![](https://i-blog.csdnimg.cn/blog_migrate/5c33ab486c0ed9ae622336984fa07335.png)
其他图表下钻弹出动态地图
上面实现了地图从全国到城市的三级下钻,有些时候还需要从其他类型的图表下钻弹出动态范围的地图,例如点击表格中的省份名称,下钻弹出对应省份的地图数据展示。
1、表格数据和下钻设置
例如某表格「调试」时数据如下(即表格有两列,两列的 id 分别是province和val):
![](https://i-blog.csdnimg.cn/blog_migrate/eeca19370c553c46dd11ab49ba89bf4a.png)
配置该表格的下钻为(下钻列 id 设置为上面的province即表示第一列「省份」可点击进行下钻,并设置下钻弹出的图表为地图):
![](https://i-blog.csdnimg.cn/blog_migrate/90bfc9d778e581f170f59bd01b08747c.png)
2、设置下钻的地图
点击表格中的某省份,设置弹出的地图:可点击这里查看演示效果。
![](https://i-blog.csdnimg.cn/blog_migrate/eae79133e0ff151eec276de212e123fd.png)
「省份」不能设置为固定的某个省,需要设置为「根据下钻或联动动态切换」,并且我们将「下钻或联动参数中的依据字段」设置为了province即是上层表格的「省份」这一列的 id,这样的设定用来让Sugar BI知道该下钻地图要根据上层图表下钻时的province这个字段来确定地图的范围。
目前Sugar BI还有免费试用,大家做下钻分析的时候可以去试用一下!