本教程为您介绍使用DataV的蓝图编辑器功能,搭建学区房复杂交互可视化应用的方法。

注意 本教程中的数据仅供参考,无实际意义,旨在帮助您了解较为复杂的交互式可视化应用的配置方法。具体数据需要根据您的实际需求进行配置。
具体操作步骤如下。
  1. 准备工作

    准备交互需求。

  2. 配置学区房蓝图编辑器交互。
    1. 创建学区地图可视化应用

      使用学区地图模板创建可视化应用。

    2. 配置学区地图Tab列表交互

      当单击Tab列表的选项时,切换展示小学和初中的统计信息(包括学校数量、区位占比等)和地理位置信息。

    3. 配置学区地图单选框交互

      当单击单选框的选项时,切换展示不同类型学校的散点层数据,以及Tab列表单选框的双重触发判断。

    4. 配置学区地图区域热力层交互

      当鼠标划过地图的区域热力层子组件时,切换展示当前区域对应的学校数据。

    5. 配置学区地图轮播列表交互

      当单击轮播列表组件时,在地图上切换展示对应学校的位置信息和数据。

  3. 查看可视化应用效果

    将交互效果应用到可视化应用上,并进行预览发布。