页面树结构

版本比较

标识

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

(待完善)

1 概述

地图基于地理位置使用不同深浅的颜色来表示不同范围的分布情况,能够直观展现各区域分析指标的分布。分析地图基于地理位置使用不同深浅的颜色来表示不同范围的分布情况,能够直观展现各区域分析指标的分布。以下将分别举例区域地图、热力地图、散点地图和大数据散点地图四种图的画法。

...

优势:采用地图的形式来反映与地理位置相关的数据,更直观形象。

劣势:只能在涉及到地理数据的特殊状况下使用。

信息

在地图上既要实现区域染色,又要实现散点标记的效果,可以通过将多个地理维字段都拖拽添加到地理维作图区域的方式实现。

区域地图
区域地图
2 区域地图

1、场景描述:某大型零售公司,想要分析全国各省份的销售额对比情况。全国各省份的销售额情况。

2、以产品内置Demo资源的“订单模型”作为数据来源。

...

(2)对区域地图样式进行设置:区域颜色为“#E9E396”,区域边界色为“#F5A623”,高亮颜色为“#0E72E8”,高亮边界色为“#BD10E0”。

(3)效果展示如下图所示:

热力地图
热力地图
3 热力地图

1、场景描述:某大型零售公司,想要分析全国各省份的销售额对比情况。全国各省份的折扣情况。

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)基于上述 【2 区域地图】中创建的区域地图,在 标记 > 地图类型 中切换为 热力地图 ;或者拖拽一个热力地图组件,在数据选择区中,勾选 (1)在数据选择区中,勾选 省份销售额 折扣 字段,由系统自动分配到 区域/经度地理维标记 > 颜色 上。

Image Modified

(2)点击 标记 > 颜色 的设置按钮,设置 颜色 为 敏捷蓝 热情红

Image Modified

(3)效果展示如下图所示:

Image Added

信息

热力地图不支持层级下钻。

...

散点地图
散点地图
4 散点地图

1、场景描述:某大型零售公司,想要分析全国各省份的库存情况。

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)在数据选择区中,勾选 省份销售额 库存 字段,由系统自动分配到 区域/经度地理维标记 > 颜色 上;或拖拽 省份 字段到 区域/经度地理维 销售额 字段到 标记 > 颜色 。如下图所示:

Image Removed

(2)对区域地图样式进行设置:区域颜色为“#E9E396”,区域边界色为“#F5A623”,高亮颜色为“#0E72E8”,高亮边界色为“#BD10E0”。

Image Removed

(3)效果展示如下图所示:

Image Removed

5 大数据散点地图

...

上;拖拽 库存 字段到 标记 > 大小 ,省份 字段到 标记 > 形状 。如下图所示:

Image Added

(2)点击 标记 > 大小 > 库存 的更多Image Added按钮,设置 图例位置,点击 标记 > 形状 > 省份 的更多Image Added按钮,设置 图例位置

Image Added

(3)点击 标记 > 大小 的设置Image Added按钮,设置 大小0.6

Image Added

(4)点击 标记 > 颜色 > 库存 的更多Image Added按钮,进行 TopN设置 : TopN个数6 ,渲染样式stroke(涟漪效果)。

Image Added

(5)效果展示如下图所示:

Image Added

大数据散点地图
大数据散点地图
5 大数据散点地图

1、场景描述:基于经纬度作图的时候,经常会出现大数据量的情况,这个时候可以使用大数据散点地图来作图。

2、以产品内置的“微博签到大数据集”作为数据来源。

3、操作步骤

(1)在数据选择区中,勾选 c_x c_y c_value 字段,由系统自动分配到 区域/经度地理维 、 纬度地理维 标记 > 颜色 上。c_x、c_y 需要标记为经度、纬度,详见:创建地理维

(2)点击 标记 > 地图类型 切换为 大数据散点地图 

Image Added

(3)点击 标记 > 大小 的设置Image Added按钮,设置 大小0.1 。

(4)效果展示如下图所示:

Image Added

信息

1、使用经纬度作图时,才可切换为大数据散点地图。

2、大数据散点地图不支持层级下钻。

3、如果拖拽了颜色标记字段,有可能会导致数据变少,因为大数据散点地图为了性能,限制了最多10个系列。

6 地图样式设置

在组件设置的属性中,可对地图进行更多的样式设置。

Image Added

6.1 缩放

说明

设置地图是否可以缩放。

效果

设置为可以缩放,滚动鼠标中间轮进行缩放。

Image Added

6.2 缩放比例

说明

用于设置地图的缩放比例。

效果

Image Added

7 更多功能

  • 地图组件使用的是行政区域来源于:全局资源定义 > 地图区域 ,可参考文档:地图区域
  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性
  • 配色修改:如需修改图形配色,可参考文档如需修改图形配色,可参考文档:颜色设置
  • 交互设计:如需了解交互相关功能,可参考文档交互设计:如需了解交互相关功能,可参考文档:交互设计