历史版本11 :场景切换地图简介 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本说明

报表服务器版本JAR 包版本扩展图表插件版本
10.0

V4.0

1.2 应用场景

扩展图表 V4.0 新增一种图表类型:场景类地图。适用于展示多场景下的多维度地图数据,如下图所示:

注:在地图概念中,一个场景指的就是一个地图状态,有对应的特定视角和展示内容。如在全国视角下,展示全国门店分布即可视为一个场景。

1599205614133200.png

该地图可以自定义多个场景,同时可以实现场景轮播效果。地图效果如下图所示:

  • 场景一:俯视视角下展示某公司全国运营中心分布情况

1599205054501036.gif

  • 场景二:侧面倾斜视角下展示某公司各省份的销售额分布情况

1599205138762339.gif

1.3 图表特点

  • 同时支持在普通报表和决策报表中使用该图表。

  • 设计地图时可新增多个场景,场景可手动切换或自动轮播。

  • 设计地图时可自定义地图视角,不同场景可定义不同视角。

  • 单个场景下支持以点、线、柱形、区域这 4 种图形来展示数据,且 4 种图形可自由组合。

  • 支持设置 4 种图形的样式。

  • 支持设置是否开启背景特效。

  • 支持监控刷新和图形轮播。

  • 单个场景下支持钻取和联动。

  • 支持场景切换和图形轮播时触发超链。

  • 不支持移动端预览。

2. 功能介绍编辑

以决策报表中使用场景地图为例,介绍下该地图的基本功能。

2.1 场景设置入口

将场景地图拖到 body 中后,点击右下角的场景设置按钮即可进入场景设置界面,可设置地图的状态、数据、样式、特效

1599207699940154.png

2.2 场景设置界面

设计场景地图就是在场景设置界面完成的,主要包括调整地图视角、绑定地图数据、设置地图样式等。

1599208408524745.png

地图实时预览窗口:既可查看地图的实时效果又可以调整地图视角。

保存为初始视角:在预览窗口中调整好视角后,点击该按钮,可以将自定义的视角保存为初始视角,也就说固定住自定义的视角效果。

恢复至初始视角:地图内置了一个默认的侧方视角,点击该按钮可还原至默认视角。

显示初始视角:此处显示当前初始视角的坐标。

场景 Tab 块:点击不同的场景 Tab 块,可以编辑不同场景下的地图效果。

新增场景:点击后新增一个场景,也就是新增一个场景 Tab 块。

场景切换属性:点击后进入场景切换属性设置界面,可以设置场景的切换方式。

地图属性面板:可以设置地图的状态、数据、样式、特效属性。

3. 操作方法编辑

3.1 调整视角

在地图实时预览窗口处,按住左键拖拽地图调整旋转视角;按住右键拖拽地图,改变位置;滚轮滚动缩放地图大小。如下图所示:

1599209729179848.gif

3.2 保存视角

调整好视角后,点击保存为初始视角,可以固定自定义的视角效果,如果想要恢复到默认视角,点击恢复至初始视角即可。如下图所示:

1599210123230457.gif

3.3 新增场景

点击1.png可新增多个场景,当场景大于 1 个时,可以点击2.png设置场景切换方式,支持手动点击和自动轮播 2 种,也支持切换场景时触发超链。如下图所示:

1599210876192392.gif

3.4 设置状态

地图属性面板状态处可选择地图边界,如下图所示:

1599211410818409.png

3.5 绑定数据



3.6 设计样式




3.7 添加特效