附录二 图表说明

11.1 图表综述

DataViz提供了可视化图表组件及丰富的样式属性,支持图表种类多达70多种,以简单的字段拖拽方式生成图表,极大提高了用户使用体验。本章节图表类型归类角度简单对图表进行说明和展现图表效果。

11.2 表格系列

列表与透视表

11.2.1 数据说明

绑定 支持数量 说明
度量 多个 将该字段聚合,展现为聚合数值
行维度 多个
列维度(透视表) 多个

11.2.2 样例及展示

(1)列表

./chart_description/317

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

./chart_description/318

11.3 柱形图

系列柱图:多系列柱形图、滚动多系列柱形图、多系列条形图和多系列柱线图

堆积柱图:堆积柱形图、滚动堆积柱形图、堆积条形图和双向(堆积)柱形图

多维度柱图:多维度柱形图

3D柱形图:3D多系列柱形图和3D堆积柱形图

柱图类变形:环形柱形图、极坐标柱形图和瀑布图

绑定 支持数量 说明
分类轴 单个
数据值 多个
图例 单个 将柱形图中每个柱的数据,按照此字段细分成多个柱。
分组(多维柱图) 单个 按照此字段,将柱按类别分组
折线数据(柱线图) 多个

11.3.2 样例及展示

(1)系列柱形图

./chart_description/319.png

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

./chart_description/320

(2)堆积柱形图

./chart_description/321

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

./chart_description/322

(3)多维柱图

./chart_description/323

(4)3D柱图

./chart_description/324

./chart_description/325

(5)柱图类变形展示

./chart_description/325_1

11.4 折线图系列

折线图是用折线将各个数据点标志连接起来的图表,用于展现数据的变化趋势

线型折线图:堆积折线图、传统折线图、滚动折线图、纵向折线图和阶梯折线图

面积型折线图:堆积面积图、传统面积图、滚动面积图

11.4.1 数据说明

绑定 支持数量 说明
数据值 多个
分类轴 单个
图例 单个

11.4.2 样例及展示

(1)线型折线图(多数据)

./chart_description/326

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

./chart_description/327

(4)面积型折线图

./chart_description/328

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

./chart_description/329

11.5 饼状图系列

饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例

饼图、南丁格尔图、环形图、玫瑰花图、3D饼图

11.5.1 数据说明

绑定 支持数量 说明
数据值 单个
图例 单个
花瓣长度(玫瑰花图) 单个
花瓣弧度(玫瑰花图) 单个

11.5.2 样例及展示

(1)饼状图

./chart_description/330

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

./chart_description/331

11.6 散点图系列

绑定 支持数量 说明
数据值 单个
X轴 单个
Y轴 单个
大小调整依据 单个
角度轴(极坐标散点图) 单个
半径轴(极坐标散点图) 单个

11.6.2 样例及展示

散点图可以用来展现数据之间的关系

(1)散点图

./chart_description/332

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

./chart_description/333

11.6.3 多系列散点图

11.6.3.1 数据说明

绑定 支持数量 说明
X轴 单个
Y轴 单个
大小调整依据 单个
图例 单个
回归线 单个

11.6.3.2 样例及展示

./chart_description/334

11.7 地图系列

主要用于地理区域数据的可视化。

支持多种标准行政区划地图展示,包括世界地图、中国地图、省份地图、区县地图,并支持自定义扩展

地图:标准地图、热力地图、散点地图(大小、明暗)、散点地图(多系列、数据中地名需要英文)和地理地图(需在线);

特殊地图:航线图

11.7.1 数据说明

绑定 支持数量 说明
省份 单个
指标 单个
大小调整依据 单个
明暗调整依据(明暗散点地图) 单个
源(航线图) 单个 航线的出发地
目的(航线图) 单个 航线的目的地
国家名称 单个
配色依据 单个

11.7.2 样例及展示

(1)地图展现效果

./chart_description/335

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

./chart_description/336

(3)航迹图

./chart_description/337

11.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(百度得到的坐标)。

11.8.1 数据说明

绑定 支持数量 说明
纬度 单个
时间 单个
描述信息(地理标记图) 多个 编辑弹出框内容
样本类别(地理标记图、地理轨迹图) 单个 轨迹图绘图时以此字段,区分轨迹点属于哪条轨迹线;如果数据全部属于一条轨迹线,则可以省略此字段
权值数据(地理热力图) 单个

11.8.2 样例及展示

(1)地理标记图

./chart_description/338

(2)地理轨迹图

./chart_description/339

(3)地理热力图

./chart_description/340

11.8.3 核心特性

11.8.3.1 异步时间轴播放

在前端渲染当前时间段数据的同时,向后台请求并整理下一个时间段的数据,在数据量较大情况下保证播放的流畅。

11.8.3.2 数据压缩和过滤

针对GIS热力图在数据量较大的情况下渲染速度慢的瓶颈,提供了数据压缩的选项,按照一定的空间距离将数据进行聚类。包括自动压缩和自定义压缩两种方法,自动压缩会有更理想的渲染速度,自定义压缩使用户可以根据硬件的实际情况,渲染更多的数据点从而减少数据的失真。 针对GIS轨迹图中的数据噪声,提供了数据过滤的选项,按照一定的阈值对偏差较大的错误数据进行滤除,保证数据的展示效果。

11.8.3.3 对接实时数据

针对需要对接实时数据的业务场景,提供了对接实时数据的功能,并且为防止历史数据不断累积造成内存溢出,提供了保留一段时间内数据的选项,将超出最大保存时间的历史数据擦除。

11.9 3D系列

3D柱图、3D地理地图、3D地球柱图

11.9.1 数据说明

绑定 支持数量 说明
X轴 单个
Y轴 单个
数据值 单个
经度 单个
经度 单个
权值 单个

11.9.2 样例及展示

(1)3D柱图

./chart_description/341

(2)3D地球柱图

./chart_description/343

(3)3D地理地图

./chart_description/342

11.10 标签云系列

标签云图、新标签云图

11.10.1 数据说明

绑定 支持数量 说明
内容 单个
数据值 单个 标签大小的度量

11.10.2 样例及展示

(1)标签云图

./chart_description/344

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

./chart_description/345

11.11 仪表盘和百分比系列

KPI图、仪表盘图、水球图、百分比进度条图

11.11.1 数据说明

绑定 支持数量 说明
数据值 单个 标签大小的度量

11.11.2 样例及展示

(1)KPI图

./chart_description/346

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

./chart_description/347

11.12 热力图系列

热力图、日历热图

11.12.1 数据说明

绑定 支持数量 说明
X轴 单个
Y轴 单个
数据值 单个

11.12.2 样例及展示

热力图主要通过颜色去表现数值的大小,如下:

./chart_description/348

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

./chart_description/349

11.13 流图系列

流图、主题河流图

11.13.1 数据说明

绑定 支持数量 说明
分类轴 单个
图例 单个
数据值 单个

11.13.2 样例及展示

流图

./chart_description/350

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

./chart_description/351

11.14 关系图系列

关系图、力引导图、树图、太阳辐射图、弦图、桑基图、矩阵树图

11.14.1 数据说明

绑定 支持数量 说明
源分类(关系图) 单个
目的分类(关系图) 单个
源维度(关系图) 单个
目的维度(关系图) 单个
节点分类(力引导图) 单个
节点名称(力引导图) 单个
节点ID(力引导图) 单个
关联节点ID(力引导图) 单个
节点权重(力引导图) 单个
节点ID(树图) 单个
节点名称(树图) 单个
节点父ID(树图) 单个
层次(太阳辐射图) 单个
来源(弦图、桑基图) 单个
目的(弦图、桑基图) 单个
图例(矩阵树图) 单个
指标/数据值 单个

11.14.2 样例及展示

(1)关系图用于展现节点以及节点之间的关系数据。

./chart_description/352

树图和弦图依次如下:

./chart_description/352_3

./chart_description/352_6

特殊的,力引导图力引导布局相关的配置项,模拟弹簧电荷模型,在每两个节点之间添加一个斥力和引力,每次迭代节点会在各个斥力和引力的作用下移动位置,多次迭代后节点会静止在一个受力平衡的位置,达到整个模型的能量最小化。

力引导布局的结果有良好的对称性和局部聚合性,也比较美观。

./chart_description/352_1

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

./chart_description/352_2

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

./chart_description/352_4

./chart_description/352_5

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

./chart_description/352_8

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

./chart_description/352_7

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

./chart_description/352_9

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

./chart_description/352_10

11.15 其他类型图表

雷达图、兴趣图、漏斗图、平行线图、横向箱线图、K线图、双线图

11.15.1 数据说明

绑定 支持数量 说明
分类(雷达图) 单个
分组(兴趣图) 单个
内容(兴趣图) 单个
图例(漏斗图) 单个
分类轴(平行线图、箱线图) 单个
状态(箱线图) 单个
时间轴(K线图) 单个
开盘(K线图) 单个
收盘(K线图) 单个
最低(K线图) 单个
最高(K线图) 单个
维度1(双线图) 单个
维度2(双线图) 单个
数据值/指标 单个

11.15.2 样例及展示

(1)雷达图 主要用于表现多变量的数据,例如,电竞选手的各个属性分析与对比

./chart_description/353

(2)兴趣图

./chart_description/354

(3)漏斗图

./chart_description/355

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

./chart_description/356

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

./chart_description/357

(6)K线图主要用于展现股票类变化;

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

./chart_description/358

(7)双线图

./chart_description/359

results matching ""

    No results matching ""

    results matching ""

      No results matching ""