百度数据可视化Sugar

    下钻中地图范围动态变化

    如果您还不了解什么是下钻,或者不了解如何配置图表的下钻功能,请查看「图表的下钻」。本章节是介绍地图作为下钻的下级图表,在下钻时如何动态改变地图范围的。

    实现效果:

    图片

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

    地图多级下钻

    在下钻时使用地图,很多情况下的需求是全国地图--->某省份地图--->某城市地图这样的三级下钻(即默认展示全国各省的数据,点击某省份,弹出展示该省份下各个城市的数据,最后点击某城市,弹出展示该城市下各个区县的数据)。这样就要求Sugar的地图范围能够根据下钻的操作而动态变化,例如点击安徽展示的就是安徽省地图,点击湖南展示的就是湖南省地图。要达到这样的效果,可按照以下步骤来实现:

    1、顶层图表设置

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

    图片

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

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

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

    图片

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

    图片

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

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

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

    图片

    按照上面的设置即可实现地图从全国到省份到城市的三层展示,可点击这里查看演示效果

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

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

    1、表格数据和下钻设置

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

    图片

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

    图片

    2、设置下钻的地图

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

    图片

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

    上一篇
    全国和各省份的销售下钻分析
    下一篇
    图表联动时地图范围动态变化