本教程为您介绍使用DataV的节点编程功能,搭建学区房可视化交互大屏的方法。

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

    准备交互需求。

  2. 配置学区房节点编程交互。
    1. 创建学区地图大屏

      使用学区地图模板创建大屏。

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

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

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

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

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

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

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

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

  3. 查看大屏效果

    将交互效果应用到大屏上,并进行预览发布。