附录二 图表说明
A2.1 图表综述
DataViz提供了可视化图表组件及丰富的样式属性,支持图表种类多达70多种,以简单的字段拖拽方式生成图表,极大提高了用户使用体验。本章节图表类型归类角度简单对图表进行说明和展现图表效果。
A2.2 表格系列
列表与透视表
A2.2.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 度量 | 多个 | 将该字段聚合,展现为聚合数值 |
| 行维度 | 多个 | |
| 列维度(透视表) | 多个 |
A2.2.2 样例及展示
(1)列表

(2)透视表(多个度量与多个维度)

A2.3 柱形图
系列柱图:多系列柱形图、滚动多系列柱形图、多系列条形图和多系列柱线图
堆积柱图:堆积柱形图、滚动堆积柱形图、堆积条形图和双向(堆积)柱形图
多维度柱图:多维度柱形图
3D柱形图:3D多系列柱形图和3D堆积柱形图
柱图类变形:环形柱形图、极坐标柱形图和瀑布图
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 分类轴 | 单个 | |
| 数据值 | 多个 | |
| 图例 | 单个 | 将柱形图中每个柱的数据,按照此字段细分成多个柱。 |
| 分组(多维柱图) | 单个 | 按照此字段,将柱按类别分组 |
| 折线数据(柱线图) | 多个 |
A2.3.1 样例及展示
(1)系列柱形图

同数据下,其他系列柱形图的展现形式如下:

(2)堆积柱形图

同数据下,其他堆积柱形图的展现形式如下:

(3)多维柱图

(4)3D柱图


(5)柱图类变形展示

A2.4 折线图系列
折线图是用折线将各个数据点标志连接起来的图表,用于展现数据的变化趋势
线型折线图:堆积折线图、传统折线图、滚动折线图、纵向折线图和阶梯折线图
面积型折线图:堆积面积图、传统面积图、滚动面积图
A2.4.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 数据值 | 多个 | |
| 分类轴 | 单个 | |
| 图例 | 单个 |
A2.4.2 样例及展示
(1)线型折线图(多数据)

同数据下,其他线型折线图的展现形式

(4)面积型折线图

同数据下,其他线型面积折线图的展现形式

A2.5 饼状图系列
饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例
饼图、南丁格尔图、环形图、玫瑰花图、3D饼图
A2.5.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 数据值 | 单个 | |
| 图例 | 单个 | |
| 花瓣长度(玫瑰花图) | 单个 | |
| 花瓣弧度(玫瑰花图) | 单个 |
A2.5.2 样例及展示
(1)饼状图

(2)同数据下,其他饼图的展现形式

A2.6 散点图系列
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 数据值 | 单个 | |
| X轴 | 单个 | |
| Y轴 | 单个 | |
| 大小调整依据 | 单个 | |
| 角度轴(极坐标散点图) | 单个 | |
| 半径轴(极坐标散点图) | 单个 |
A2.6.2 样例及展示
散点图可以用来展现数据之间的关系
(1)散点图

(2)同数据下,其他散点图展现效果

A2.6.3 多系列散点图
A2.6.3.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| X轴 | 单个 | |
| Y轴 | 单个 | |
| 大小调整依据 | 单个 | |
| 图例 | 单个 | |
| 回归线 | 单个 |
A2.6.3.2 样例及展示

A2.7 地图系列
主要用于地理区域数据的可视化。
支持多种标准行政区划地图展示,包括世界地图、中国地图、省份地图、区县地图,并支持自定义扩展
地图:标准地图、热力地图、散点地图(大小、明暗)、散点地图(多系列、数据中地名需要英文)和地理地图(需在线);
特殊地图:航线图
A2.7.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 地理维度 | 单个(地名)或两个(经度、纬度) | 如在地理维度使用地名,则只允许拖拽1个维度字段;如使用经纬度,则要求拖拽1个经度字段和1个纬度字段 |
| 指标 | 单个 | |
| 大小调整依据 | 单个 | |
| 明暗调整依据(明暗散点地图) | 单个 | |
| 源(航线图) | 单个 | 航线的出发地 |
| 目的(航线图) | 单个 | 航线的目的地 |
| 国家名称 | 单个 | |
| 配色依据 | 单个 |
A2.7.2 样例及展示
(1)地图展现效果

(2)同数据下,其他地图展现效果

(3)航迹图

A2.7.3 数据结构示例
数据来源:快速体验版-默认demo演示项目-区县经纬度数据

A2.8 GIS系列
地理标记图、地理热力图、地理轨迹图 为满足不同的业务场景和个性化需求,GIS地图集成了多种地图资源,分为离线地图和在线地图两大类别。离线地图和在线地图的使用并不互斥,只需在图表属性页切换地图资源。在线地图有多种类型:如高德地图、百度地图、MapBox地图、google地图和bing地图等,可根据实际需要,在对应的地图网站申请对应的开发者License(key编码),替换到dataviz_web/common/config.js中” gis”对象(约477行)的相应位置的“”(空字符串)处即可。 离线地图是指在本地发布、基于OGC标准的地图服务(如:WMS或WMTS),并不局限于某一软件,使用Supermap的iServer、ArcGIS的 GIS Server、或开源免费的GeoServer发布出的地图服务,均可以对接到DataViz的GIS地图中。 支持多种经纬度数据以及相互之间的转换:WGS84坐标系(GPS仪器获取到的坐标)、GCJ02坐标系(高德、google等得到的坐标)、BD09(百度得到的坐标)。
A2.8.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 纬度 | 单个 | |
| 时间 | 单个 | |
| 描述信息(地理标记图) | 多个 | 编辑弹出框内容 |
| 样本类别(地理标记图、地理轨迹图) | 单个 | 轨迹图绘图时以此字段,区分轨迹点属于哪条轨迹线;如果数据全部属于一条轨迹线,则可以省略此字段 |
| 权值数据(地理热力图) | 单个 |
A2.8.2 样例及展示
(1)地理标记图

(2)地理轨迹图

(3)地理热力图

A2.8.3 核心特性
A2.8.3.1 异步时间轴播放
在前端渲染当前时间段数据的同时,向后台请求并整理下一个时间段的数据,在数据量较大情况下保证播放的流畅。
A2.8.3.2 数据压缩和过滤
针对GIS热力图在数据量较大的情况下渲染速度慢的瓶颈,提供了数据压缩的选项,按照一定的空间距离将数据进行聚类。包括自动压缩和自定义压缩两种方法,自动压缩会有更理想的渲染速度,自定义压缩使用户可以根据硬件的实际情况,渲染更多的数据点从而减少数据的失真。 针对GIS轨迹图中的数据噪声,提供了数据过滤的选项,按照一定的阈值对偏差较大的错误数据进行滤除,保证数据的展示效果。
A2.8.3.3 对接实时数据
针对需要对接实时数据的业务场景,提供了对接实时数据的功能,并且为防止历史数据不断累积造成内存溢出,提供了保留一段时间内数据的选项,将超出最大保存时间的历史数据擦除。
A2.9 3D系列
3D柱图、3D地理地图、3D地球柱图
A2.9.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| X轴 | 单个 | |
| Y轴 | 单个 | |
| 数据值 | 单个 | |
| 经度 | 单个 | |
| 经度 | 单个 | |
| 权值 | 单个 |
A2.9.2 样例及展示
(1)3D柱图

(2)3D地球柱图

(3)3D地理地图

A2.10 标签云系列
标签云图、新标签云图
A2.10.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 内容 | 单个 | |
| 数据值 | 单个 | 标签大小的度量 |
A2.10.2 样例及展示
(1)标签云图

(2)同数据下,新标签云图展现效果

A2.11 仪表盘和百分比系列
KPI图、仪表盘图、水球图、百分比进度条图
A2.11.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 数据值 | 单个 | 标签大小的度量 |
A2.11.2 样例及展示
(1)KPI图

在KPI图右侧的图表设置项下包含设置该KPI图的悬停动画,目前支持放大、闪烁、跳动、摆动、晃动五种的动画。

仪表盘图、百分比进度图、水球图的展示效果如下

A2.12 热力图系列
热力图、日历热图
A2.12.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| X轴 | 单个 | |
| Y轴 | 单个 | |
| 数据值 | 单个 |
A2.12.2 样例及展示
热力图主要通过颜色去表现数值的大小,如下:

同数据下,日历热图的展示效果

A2.13 流图系列
流图、主题河流图
A2.13.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 分类轴 | 单个 | |
| 图例 | 单个 | |
| 数据值 | 单个 |
A2.13.2 样例及展示
流图

主题河流图是一种特殊的流图,用来表示事件或主题等在一段时间内的变化,展示效果如下:

A2.14 关系图系列
关系图、力引导图、树图、太阳辐射图、弦图、桑基图、矩阵树图
A2.14.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 源分类(关系图) | 单个 | |
| 目的分类(关系图) | 单个 | |
| 源维度(关系图) | 单个 | |
| 目的维度(关系图) | 单个 | |
| 节点分类(力引导图) | 单个 | |
| 节点名称(力引导图) | 单个 | |
| 节点ID(力引导图) | 单个 | |
| 关联节点ID(力引导图) | 单个 | |
| 节点权重(力引导图) | 单个 | |
| 节点ID(树图) | 单个 | |
| 节点名称(树图) | 单个 | |
| 节点父ID(树图) | 单个 | |
| 层次(太阳辐射图) | 单个 | |
| 来源(弦图、桑基图) | 单个 | |
| 目的(弦图、桑基图) | 单个 | |
| 图例(矩阵树图) | 单个 | |
| 指标/数据值 | 单个 |
A2.14.2 样例及展示
(1)关系图用于展现节点以及节点之间的关系数据。

树图和弦图依次如下:


特殊的,力引导图力引导布局相关的配置项,模拟弹簧电荷模型,在每两个节点之间添加一个斥力和引力,每次迭代节点会在各个斥力和引力的作用下移动位置,多次迭代后节点会静止在一个受力平衡的位置,达到整个模型的能量最小化。
力引导布局的结果有良好的对称性和局部聚合性,也比较美观。

(2)组织机构图用于展现组织层级结构,如下图:

(3)太阳辐射图和嵌套环形图 由多层的环形图组成,在数据结构上,内圈是外圈的父节点,既能像饼图一样表现局部和整体的占比,又能像矩形树图一样表现层级关系,展示如下:


(4)是一种常见的表达『层级数据』『树状数据』的可视化形式。它主要用面积的方式,便于突出展现出『树』的各层级中重要的节点

(5)桑吉图是一种特殊的流图(可以看作是有向无环图),它主要用来表示原材料、能量等如何从最初形式经过中间过程的加工或转化达到最终状态

(6) 3D节点传输图展示如下:

(7)社会关系网络适用于描述某人的社交关系网络,展示如下:

A2.15 其他类型图表
雷达图、兴趣图、漏斗图、平行线图、横向箱线图、K线图、双线图
A2.15.1 数据说明
| 绑定 | 支持数量 | 说明 |
|---|---|---|
| 分类(雷达图) | 单个 | |
| 分组(兴趣图) | 单个 | |
| 内容(兴趣图) | 单个 | |
| 图例(漏斗图) | 单个 | |
| 分类轴(平行线图、箱线图) | 单个 | |
| 状态(箱线图) | 单个 | |
| 时间轴(K线图) | 单个 | |
| 开盘(K线图) | 单个 | |
| 收盘(K线图) | 单个 | |
| 最低(K线图) | 单个 | |
| 最高(K线图) | 单个 | |
| 维度1(双线图) | 单个 | |
| 维度2(双线图) | 单个 | |
| 数据值/指标 | 单个 |
A2.15.2 样例及展示
(1)雷达图 主要用于表现多变量的数据,例如,电竞选手的各个属性分析与对比

(2)兴趣图

(3)漏斗图

(4)平行线图是一种常用的可视化高维数据的图表,适用于对这种多维数据进行可视化分析。每一个维度(每一列)对应一个坐标轴,每一个『数据项』是一条线,贯穿多个坐标轴

(5)箱线图中文可以称为『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』,是一种用作显示一组数据分散情况资料的统计图。它能显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。

(6)K线图主要用于展现股票类变化;
不同国家或地区对于 K线图 的颜色定义不一样,可能是『红涨绿跌』或『红涨蓝跌』(如大陆、台湾、日本、韩国等),可能是『绿涨红跌』(如西方国家、香港、新加坡等)。K线图也不一定要用红蓝、红绿来表示涨跌,也可以是『有色/无色』等表示方法。

(7)双线图
