附录二 图表说明
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.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.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)双线图