下钻中地图范围动态变化

实现效果:

图片

该示例的演示效果可点击这里:查看演示效果

地图多级下钻

在下钻时使用地图,很多情况下的需求是全国地图--->某省份地图--->某城市地图这样的三级下钻(即默认展示全国各省的数据,点击某省份,弹出展示该省份下各个城市的数据,最后点击某城市,弹出展示该城市下各个区县的数据)。这样就要求Sugar的地图范围能够根据下钻的操作而动态变化,例如点击安徽展示的就是安徽省地图,点击湖南展示的就是湖南省地图。要达到这样的效果,可按照以下步骤来实现(注意下钻只能在报表中实现,大屏中不支持下钻,要使用类似功能可参看下一篇「最佳实践」):

1、顶层图表设置

最顶层的图表使用「中国省份色彩」,配置它的下钻为「地图」:

图片

2、第一层下钻为某省份地图

点击上面中国地图中的某个省份,设置弹出的地图为:

「省份」不能设置为固定的某个省,需要设置为「根据下钻或联动动态切换」

图片

设置完「省份」之后,需要在「数据」中「刷新图表」来更新地图的数据,然后设置省份地图的再下一层下钻也为「地图」:

图片

3、第二层下钻为某城市地图

点击上面省份地图中的某城市,设置弹出的地图为:

「城市」不能设置为固定的某个城市,需要设置为「根据下钻或联动动态切换」

图片

按照上面的设置即可实现地图从全国到省份到城市的三层展示,可点击这里查看演示效果,至于每一层图表的数据绑定可以实现关联下钻参数,可参考这里:「sql语句中关联下钻参数」

其他图表下钻弹出动态地图

上面实现了地图从全国到城市的三级下钻,有些时候还需要从其他类型的图表下钻弹出动态范围的地图,例如点击表格中的省份名称,下钻弹出对应省份的地图数据展示。

1、表格数据和下钻设置

例如某表格「调试」时数据如下(即表格有两列,两列的id分别是provinceval):

图片

配置该表格的下钻为(下钻列id设置为上面的province即表示第一列「省份」可点击进行下钻,并设置下钻弹出的图表为地图):

图片

2、设置下钻的地图

点击表格中的某省份,设置弹出的地图:

图片

「省份」不能设置为固定的某个省,需要设置为「根据下钻或联动动态切换」,并且我们将「下钻或联动参数中的依据字段」设置为了province即是上层表格的「省份」这一列的id,这样的设定用来让Sugar知道该下钻地图要根据上层图表下钻时的province这个字段来确定地图的范围。可点击这里查看演示效果

本页内容