页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


目录

问题描述

目前大屏可视化或者自助仪表盘中,尚未支持航线图这种地图图形。而在 “地图” 的组件模板资源中,是通过宏代码的方式提供了一个航线图组件模板的。如下:的组件模板资源中,是通过宏代码的方式实现了一个航线图组件模板的。如下:

那么这个航线图组件模板要如何使用呢?

解决方法

1、首先该航线图组件模板对数据是有一定的要求的。

(1)航线通常会有【起始城市】和【终点城市】。本组件模板适合以少数几个重点起始城市的航线进行展示的场景。


若实际场景中并没有重点起点城市,比如要展示全国的航线,那么就并不适用于本组件模板。


(2)数据要求包含以下字段和数据要求

字段数据举例备注
序号1、2、3、等

数据中必须包含的一列辅助列,属于统一起始城市的航线的序号必须相邻。

在后续使用中,通过对该字段设置排序来显示航线

起始城市合肥作为航线起始城市的显示名称
起始城市经度112.34起始城市的经度数据,用于定位起始城市的点在地图上的位置
起始城市纬度23.44起始城市的纬度数据,用于定位起始城市的点在地图上的位置
终点城市广州作为航线终点城市的显示名称
终点城市经度134.53
终点城市的经度数据,用于定位起始城市的点在地图上的位置
终点城市的经度数据,用于定位终点城市的点在地图上的位置
终点城市纬度28.66

2、该组件模板的数据模型需要有3个字段。

(1)列区字段

要求是省份数据,用于标识地图上的点的位置

Image Removed

(2)度量字段

即具体的数据字段,将其拖到“标记”区域的“点大小”上,地图会根据此字段中的数据的大小,在对应的位置上显示不同大小的点。

Image Removed

(3)用于动态变化的时间字段,可以是年份,也可以是年、季等。将其拖放到 “标记” 区的“颜色”上,并结合宏代码实现数据动态切换

Image Removed

3、按照上述的要求准备好数据模型,选中地图后,切换成准备好的数据模型

Image Removed

4、按照如下要求拖放字段

(1)将 “省份” 字段拖到 “列区” 中,将 “销量” 字段拖放 到 “标记”区的 “大小” 上

Image Removed

(2)将 “年” 字段拖到 “标记” 区的 “颜色” 上,并且右键菜单中设置 "排序方式"  →" 升序"

注:此步骤必须设置排序,否则效果异常

Image Removed

5、最后效果如下:

Image Removed
终点城市的纬度数据,用于定位终点城市的点在地图上的位置
数据
实际的航线数据,比如航线数、里程数等等。。


本示例中构建的数据如下:

Image Added


数据模型中的字段如下:

Image Added


2、按照上述的要求准备好数据模型,新建自己的“大屏可视化”,将动态航线图复制到自己的“大屏可视化”中。切换数据模型,如下:


Image Added


3、将 【序号】字段拖放到“列区”。将其余7个字段依次拖放到 ‘标记’区域中的 ‘提示’ 上

Image Added


4、接下来还需要调整宏代码内容。

在地图组件上右键→宏管理

Image Added


5、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面

Image Added


6、找到如下代码。将红框中后半部分的内容,改成航线图所选择的数据模型中的对应的字段的名称

Image Added


比如本例中,所使用的数据模型中对应的字段的名称如下:

Image Added

代码修改后如下:

Image Added


7、点击“宏管理”界面右下角的“保存”按钮。回到航线图编辑界面,点击工具栏上的“刷新”按钮,效果如下:‘

Image Added

注意

目前该示例只支持基于数据源表创建的数据模型!