视图图库

1 ECharts 图库

ECharts 属于 Apache 基金会下，一个基于 JavaScript 的开源可视化图表库，提供了功能强大的图表和可视化库。

1.1 表格

表格是数据的详情罗列，能看到明细信息，表格包含汇总表和明细表。

汇总表

明细表

1.2 指标卡

通过文字、数字和符号的合理排版，对数据进行一目了然的展示。指标卡由看板标签和看板指标组成，标签由数据的维度决定，指标由数据的度量决定。

注意： 指标卡只支持数值类型的数据汇总。

1.3 文本卡

展示文本字段的实际文字可使用文本卡，文本卡可展示该字段原本的内容、时间、文本信息等。
提示： 文本卡拖入的字段必须是“维度”类型。

1.4 柱状图

柱状图又称条形图，是一种通过柱形的高度（横向的情况下则是宽度）来表现数据大小的一种常用图表类型，柱状图包括基础柱状图、堆叠柱状图、横向柱状图和横向堆叠柱状图，其中堆叠柱状图是柱状图的变形，不仅可以比较不同维度间总数的差别，还可以显示同类型下各数据的大小情况。
注意： 柱状图当前同一维度只能显示一种颜色。

基础柱状图

堆叠柱状图

横向柱状图

横向堆叠柱状图

1.5 折线图

折线图是用折线将各个数据点标志连接起来的图表，可用于直角坐标系和极坐标系上。

基础折线图

堆叠折线图

1.6 组合图

组合图由基础柱状图，基础折线图和散点图相互搭配成。

1.7 散点图

散点图又称 XY 散点图，将数据以点的形式展现，以显示变量间的相互关系或者影响程度，点的位置由变量的数值决定。

基础散点图

气泡图

1.8 雷达图

雷达图又称蜘蛛网图，将多个维度的数据量映射到起始于同一个圆心的坐标轴上，结束于圆周边缘，然后将同一组的点使用线连接起来。

1.9 仪表盘

仪表盘像一个钟表或者可读盘，有刻度和指针，其中刻度表示度量，指针表示维度，指针角度表示数值，指针指向当前数值。

1.10 饼图

饼图以饼状图形显示一个数据系列中各项的大小与各项总和的比例，也称作扇形统计图。

基础饼图

环形饼图

1.11 南丁格尔玫瑰图

南丁格尔玫瑰图又称鸡冠花图、极坐标区域图，是由弗罗伦斯·南丁格尔所发明，其实是一种圆形的直方图，以圆弧的半径长短表示数据的大小。

1.12 漏斗图

楼斗图由多个梯形从上而下叠加而成，从上到下的项有逻辑上的顺序关系，梯形面积表示某个业务量与上一个环节之间的差异。

1.13 矩形树图

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

1.14 地图

普通地图：用颜色的深浅来展示区域范围的数值大小。

提示： v1.12.0 版本，地图组件 Low 与 Higt 颜色跟随主题变化，深色主题下为白色，浅色主题下为黑色。

气泡地图：用气泡的大小来展示区域范围的数值大小。

2 AntV 图库

AntV 图库是蚂蚁集团可视化团队下一款开源的图表库。

2.1 表格

表格是数据的详情罗列，能看到明细信息，AntV 图库表格包含汇总表、明细表和透视表。
AntV 的表格支持更详细的表格配置，支持表头、表格对齐（左对齐、居中、右对齐），支持列宽调整，比如自适应和自定义。

明细表

汇总表

透视表

提示： 透视表支持小计合计，小计会针对每层维度进行计算，总计对行或列全部数据进行计算。

2.2 指标卡

通过文字、数字和符号的合理排版，对数据进行一目了然的展示。指标卡由看板标签和看板指标组成，标签由数据的维度决定，指标由数据的度量决定。

注意： 指标卡只支持数值类型的数据汇总。

2.3 文本卡

展示文本字段的实际文字可使用文本卡，文本卡可展示该字段原本的内容、时间、文本信息等。
提示： 文本卡拖入的字段必须是“维度”类型。

2.4 柱状图

柱状图又称条形图，是一种通过柱形的高度（横向的情况下则是宽度）来表现数据大小的一种常用图表类型，柱状图包括基础柱状图、堆叠柱状图、横向柱状图和横向堆叠柱状图，其中堆叠柱状图是柱状图的变形，不仅可以比较不同维度间总数的差别，还可以显示同类型下各数据的大小情况。

基础柱状图

堆叠柱状图

横向柱状图

横向堆叠柱状图

2.5 折线图

折线图是用折线将各个数据点标志连接起来的图表，可用于直角坐标系和极坐标系上。

基础折线图

堆叠折线图

2.6 散点图

散点图又称 XY 散点图，将数据以点的形式展现，以显示变量间的相互关系或者影响程度，点的位置由变量的数值决定。

基础散点图

气泡图

2.7 雷达图

雷达图又称蜘蛛网图，将多个维度的数据量映射到起始于同一个圆心的坐标轴上，结束于圆周边缘，然后将同一组的点使用线连接起来。

2.8 仪表盘

像一个钟表或者可读盘，有刻度和指针，其中刻度表示度量，指针表示维度，指针角度表示数值，指针指向当前数值。

2.9 饼图

饼图以饼状图形显示一个数据系列中各项的大小与各项总和的比例，也称作扇形统计图。

基础饼图

环形饼图

2.10 南丁格尔玫瑰

南丁格尔玫瑰图又称鸡冠花图、极坐标区域图，是由弗罗伦斯·南丁格尔所发明，其实是一种圆形的直方图，以圆弧的半径长短表示数据的大小。

2.11 漏斗图

楼斗图由多个梯形从上而下叠加而成。从上到下的项有逻辑上的顺序关系，梯形面积表示某个业务量与上一个环节之间的差异。

2.12 矩形树图

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

2.13 瀑布图

瀑布图采用绝对值与相对值结合的方式，适用于表达数个特定数值之间的数量变化关系，因图形形似瀑布流水所以称之为瀑布图。

2.14 水波图

水波图的水波高度表示指标值，当水填满或溢出时，代表指标值已经到达目标值。

2.15 词云图

词云图又称文字云，是文本数据的视觉表示，由词汇组成类似云的彩色图形，用于展示大量文本数据。每个词的重要性以字体大小或颜色显示。

2.16 符号地图

符号地图根据经纬点绘制图形（不同于以往的行政区划名称），对点数据进行展示，体现相关对象的空间分布，符号地图可根据鼠标缩放地图范围，且范围不限制，可至全球。
注意：符号地图基于高德地图，所以该组件需要在在线环境下使用，且使用符号地图的数据集字段类型需为 “地理位置”，即数据集数据需在标准的经度数值范围与纬度数值范围，示例如：经度值为 117.178191，纬度值为 36.721217。