首页 DataV数据可视化 DataV-Board 6.0 (数据看板) 实践教程 蓝图编辑器案例演示 使用DataV蓝图编辑器搭建交互式学区地图可视化应用教程

使用DataV蓝图编辑器搭建交互式学区地图可视化应用教程

更新时间: 2024-12-13 11:11:43

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

重要

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

效果展示

学区房展示效果

具体操作步骤如下。

  1. 准备工作

    准备交互需求。

  2. 配置学区房蓝图编辑器交互。

    1. 创建学区地图可视化应用

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

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

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

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

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

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

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

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

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

  3. 查看可视化应用效果

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

上一篇: 蓝图编辑器案例演示 下一篇: 准备工作
阿里云首页 DataV数据可视化 相关技术圈