图表配置

更新时间:2025-02-28 08:53:15

DataV-Note(智能分析)中,图表分析通过可视化方式将数据转化为图表,使用户能够更直观地理解和分析数据。系统支持多种图表类型,本文将详细介绍相关配置。

前提条件

已创建项目、生成查询结果集并进入图表编辑页面,详情请参见图表分析

图表配置概述

图表配置页分为三个区域:左侧是图表数据配置区,用于设置图表的展示字段和标注信息;中间是图表效果展示区,允许修改图表的标题和描述;右侧是图表样式设置区,可配置图表的主题、字体样式、图表类型和字段显示样式等。

image

柱状图类

分组柱状图

分组柱状图是一种柱状图类型,支持根据数据类别自动分组展示,可以更清晰地显示各类别之间以及内部的数据差异。

使用场景

分组柱状图适用于在同一图表中比较多个类别中不同子类别的数据表现,常用于类别间比较、时间序列分析和市场细分等场景。

配置分组柱状图

效果展示

image

数据设置

在左侧的数据设置区域,分组柱状图可以配置图表的基础展示字段及标注信息,并支持通过数据列来拆分和平铺图表。详情请参见数据设置

样式设置

分组柱状图分为X轴、Y轴和柱子颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 数据类型:X轴数据的类型,可选类目型和时间型。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签,并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的类型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签,并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

柱子颜色

可配置不同柱子的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

堆叠柱状图

堆叠柱状图是一种数据可视化图表,用于展示多个数据系列在各类别中的累积值,通过堆叠的方式呈现每个类别内各数据系列的分布,便于直观比较各类别的总量及各部分的贡献。

使用场景

堆叠柱状图适用于展示多个数据系列在一个类别中的累积和相对构成,常用于市场份额分析、预算分配、产品销售构成和人口统计等场景。

配置堆叠柱状图

效果展示

image

数据设置

在左侧的数据设置区域,堆叠柱状图可以配置图表的基础展示字段及标注信息,并支持通过数据列来堆叠和平铺图表。详情请参见数据设置

样式设置

堆叠柱状图分为X轴、Y轴和柱子颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 数据类型:X轴数据的类型,可选类目型和时间型。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签,并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 显示范围:控制Y轴的显示范围。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

柱子颜色

可配置不同柱子的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

分组条形图

分组条形图是一种数据可视化工具,用于比较多个类别中不同子类别的数据。它类似于分组柱状图,但使用水平方向的条形而不是垂直方向的柱状来表示数据。这种图表的设计能够有效地展示多个数据系列在不同类别中的对比情况。

使用场景

分组条形图适用于比较多个类别中的不同子类别数据,常用于展示如不同地区产品销售量、各部门业绩表现等情况。

配置分组条形图

效果展示

image

数据设置

在左侧的数据设置区域,分组条形图可以配置图表的基础展示字段及标注信息,并支持通过数据列来拆分和平铺图表。详情请参见数据设置

样式设置

分组条形图分为X轴、Y轴和柱子颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 显示范围:用于控制X轴的显示范围。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签,并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 数据类型:Y轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

柱子颜色

可配置不同柱子的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

堆叠条形图

堆叠条形图是一种数据可视化图表,用于展示多个数据系列的累积值在一个类别上的比较。与堆叠柱状图类似,但堆叠条形图使用水平条形来表示数据。这种图表能够有效地展示各个数据系列在总量中所占的比例和贡献。

使用场景

堆叠条形图适用于展示多个数据系列在一个类别中的累积和相对构成,常用于市场份额构成、预算分配和资源使用情况等场合。

配置堆叠条形图

效果展示

image

数据设置

在左侧的数据设置区域,堆叠条形图可以配置图表的基础展示字段及标注信息,并支持通过数据列来堆叠和平铺图表。详情请参见数据设置

样式设置

堆叠条形图分为X轴、Y轴和柱子颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 显示范围:用于控制X轴的显示范围。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签,并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 数据类型:Y轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

柱子颜色

可配置不同柱子的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

极坐标堆叠柱状图

极坐标堆叠柱状图是一种数据可视化图表,将传统的堆叠柱状图映射到极坐标系中。它通过圆形布局展示数据,具有独特的视觉效果,适合于需要展示周期性数据或环形数据结构的场合。

使用场景

极坐标堆叠柱状图适用于展示周期性或环形结构的数据,如一年中的月度数据或一天内的小时数据。

配置极坐标堆叠柱状图

效果展示

image

数据设置

在左侧的数据设置区域,极坐标堆叠柱状图可以配置图表的基础展示字段及标注信息,并支持通过数据列来堆叠和平铺图表。详情请参见数据设置

样式设置

极坐标堆叠柱状图分为角度轴、半径轴和扇形颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

角度轴

设置图表中角度轴的样式。

  • 角度轴显示:控制图表内是否显示角度轴样式。

  • 数据类型:角度轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 角度范围:控制角度轴的起始和结束范围。

  • 轴线:控制是否显示角度轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示角度轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示角度轴的轴标签,并设置标签的文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示角度轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示角度轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

半径轴

设置图表中半径轴的样式。

  • 半径轴显示:控制图表内是否显示半径轴样式。

  • 数据类型:半径轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 显示范围:用于控制半径轴的显示范围。

  • 轴线:控制是否显示半径轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示半径轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示半径轴的轴标签并设置标签的显示格式、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示半径轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示半径轴的网格线样式,并设置网格线的线型样式、粗细和颜色。

扇形颜色

可配置扇形的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

折线图类

折线图

折线图是一种数据可视化工具,通过连接数据点的线段直观地展示数据的上升、下降或稳定趋势。它可以通过多系列数据配置在同一类别下展示不同数据的变化,智能地呈现多维数据的变化趋势。

使用场景

折线图适用于展示数据变化趋势,常用于分析股票价格、气温变化、销售数据等时间序列数据。

配置折线图

效果展示

image

数据设置

在左侧的数据设置区域,折线图可以配置图表的基础展示字段及标注信息,并支持通过数据列来设置显示序列和平铺图表。详情请参见数据设置

样式设置

折线图分为展示形式、X轴、Y轴和折线颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

展示形式

折线图的展示形式。可选折线、曲线和阶梯。

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 数据类型:X轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签,并设置标签的两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 数据类型:Y轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 显示范围:用于控制Y轴的显示范围。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签的显示格式、两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和间距。

折线颜色

可配置折线的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

极坐标折线图

极坐标折线图是一种将数据在极坐标系中展示的可视化图表。与传统的直角坐标系不同,极坐标折线图使用角度和半径来表示数据点,适用于展示周期性或方向性数据。

使用场景

极坐标折线图适用于展示周期性、方向性或多维度数据,如温度变化、风向分析、性能评估等场景,能够直观呈现数据的规律和分布特征。

配置极坐标折线图

效果展示

image

数据设置

在左侧的数据设置区域,极坐标折线图可以配置图表的基础展示字段及标注信息,并支持通过数据列来设置显示序列和平铺图表。详情请参见数据设置

样式设置

极坐标折线图分为角度轴、半径轴和雷达颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

角度轴

设置图表中角度轴的样式。

  • 角度轴显示:控制图表内是否显示角度轴样式。

  • 数据类型:角度轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 角度范围:控制角度轴的起始和结束范围。

  • 轴线:控制是否显示角度轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示角度轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示角度轴的轴标签,并设置标签的文本长度、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示角度轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示角度轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

半径轴

设置图表中半径轴的样式。

  • 半径轴显示:控制图表内是否显示半径轴样式。

  • 显示范围:用于控制半径轴的显示范围。

  • 轴线:控制是否显示半径轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示半径轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示半径轴的轴标签并设置标签的显示格式、文本长度、展示数量、前缀/后缀、对齐方式、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示半径轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示半径轴的网格线样式,并设置网格线的线型样式、粗细和颜色。

雷达颜色

可配置雷达的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

饼环图类

饼图

饼图是一种常用的数据可视化图表,用于展示各部分在整体中所占的比例。它通过将圆形划分为多个扇形区块,每个区块的弧度大小表示不同类别的占比情况,从而帮助用户快速了解数据的比例分布。

使用场景

饼图适用于基于指标的占比结果进行分布显示,多用于维度值的分布,如市场份额和预算分配。

配置饼图

效果展示

image

数据设置

在左侧的数据设置区域,饼图可以配置图表的基础展示字段及标注信息,并支持通过数据列平铺图表。详情请参见数据设置

样式设置

饼图分为饼图标签和饼图颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

饼图标签

控制是否显示饼图标签并设置标签的格式、字段内容、前缀/后缀、标签引线的粗细和长度、标签的文本样式以及文本描边。

饼图颜色

可配置饼图的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

玫瑰图

玫瑰图是一种基于极坐标系的数据可视化图表,通过从中心辐射出多个扇形区域来表示数据,其中每个扇形的角度相等,半径与数据大小成比例,能够清晰地展示各类别的比例情况。

使用场景

玫瑰图适用于展示和分析具有周期性或方向性的数据,如风速、风向和交通流量,可以直观地比较数据在不同方向或时间段的变化。

配置玫瑰图

效果展示

image

数据设置

在左侧的数据设置区域,玫瑰图可以配置图表的基础展示字段及标注信息,并支持通过数据列来设置显示序列和平铺图表。详情请参见数据设置

样式设置

玫瑰图分为角度轴、半径轴和扇形颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

角度轴

设置图表中角度轴的样式。

  • 角度轴显示:控制图表内是否显示角度轴样式。

  • 数据类型:角度轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 角度范围:控制角度轴的起始和结束范围。

  • 轴线:控制是否显示角度轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示角度轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示角度轴的轴标签,并设置标签的文本长度、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示角度轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示角度轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

半径轴

设置图表中半径轴的样式。

  • 半径轴显示:控制图表内是否显示半径轴样式。

  • 数据类型:半径轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 显示范围:用于控制半径轴的显示范围。

  • 轴线:控制是否显示半径轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示半径轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示半径轴的轴标签并设置标签的显示格式、文本长度、展示数量、前缀/后缀、对齐方式、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示半径轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示半径轴的网格线样式,并设置网格线的线型样式、粗细和颜色。

扇形颜色

可配置扇形的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

文本类

数字翻牌器

数字翻牌器是一种动态数据可视化组件,通过类似翻牌的效果展示数值的变化,帮助用户更直观地理解和分析数据。

使用场景

数字翻牌器常用于时钟、计时器、计数器等设备,或金融领域显示金额、企业展示某个指标等场景。

配置数字翻牌器

效果展示

image

数据设置

在左侧的数据设置区域,数字翻牌器可以配置图表的基础展示字段及标注信息,并支持通过数据列平铺图表。详情请参见数据设置

样式设置

数字翻牌器的样式分为基础样式、翻牌器和交互,下表将介绍相关配置详情。

配置项

描述

配置项

描述

基础样式

定义标题文本的粗细、字号、颜色、字体、阴影效果、标题与翻牌器的相对位置和间距,以及翻牌器的字号自适应效果。同时,支持自定义组件初始化及出现异常字符时的显示内容。

  • 字号自适应:开启后,手动设置的翻牌器宽度、高度、间距等将不生效。平台会根据您配置的翻牌器字号大小重新计算并适配翻牌器的宽度、高度、间距等样式。

  • 初始化字符:组件初始化时,翻牌器显示的数值内容。

  • 异常字符:当数值内容不为Number类型时,平台会将该值视为异常字符。此时,翻牌器显示的数值内容将会被替换为异常字符参数的配置值。

翻牌器

定义翻牌器内容(包括数字、前后缀)的整体布局、数字的样式和布局、以及前后缀的字体样式和阴影效果。

数字配置说明如下:

  • 布局:可设置数字的间隔和宽度。

    说明

    数字的间隔、宽度为0时,表示系统自适应。

  • 背景:翻牌器的颜色及设置分隔符背景。

    说明

    当数字的颜色设置为渐变色时,数字的背景将会失效。

  • 位数:可设置翻牌器显示几位数字(包含小数点位数),平台将根据您的配置自动添加分隔符及小数点。

    • 位数为0时,表示系统自适应。

    • 开启数据四舍五入,数值直接四舍五入为整数进行显示;关闭则使用原始数值进行显示。

    说明

    若配置的位数小于实际数据长度,则头部超出部分会被省略。反之,会在数值头部补0

  • 分隔符:支持设置千分位分隔符及小数分隔符。

    说明

    分隔符最长为一位,超出一位时取第一位,且不支持使用数字作为分隔符。

交互

设置翻牌器的动画效果(例如,动画时长、数据抖动修正)和手势光标。

  • 数据抖动修正:开启后,保护翻牌器数据不下跌,即只能显示上涨;关闭则翻牌器数据跌涨都会显示。

  • 手势光标:开启后,鼠标悬停至翻牌器组件时将显示为手势光标。

词云

词云是一种通过可视化关键词分布来快速分析文本核心内容的工具,通过将关键词以不同大小、颜色或字体形式展示,直观反映文本中的高频词汇。

使用场景

词云常用于舆情监控、市场调研、品牌分析、学术研究等场景,帮助用户直观理解文本数据。

配置词云

效果展示image
数据设置

在左侧的数据设置区域,词云可以配置图表的基础展示字段及标注信息,并支持通过数据列平铺图表。详情请参见数据设置

样式设置

词云的样式分为形状和颜色的映射,下表将介绍相关配置详情。

配置项

描述

配置项

描述

形状

设置词条均匀展示在图片形状的样式。可选椭圆矩形自定义

说明

当选择自定义时,您可以在下方的图形配置项中设置一个图片的URL地址或Base64编码。词云将仅在图片的深色区域渲染词语,而浅色区域(如白色)将不渲染词语。使用图片URL时,请确保图片大小适中,以避免加载时间过长。

颜色

在词云设置中,您可以自定义词语的颜色映射,支持添加或删除颜色配置。开启自定义映射后,可为特定词语指定对应的颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

其它类

雷达图

雷达图是一种多变量数据可视化图表,利用角度轴和半径轴分别展示类目和数值,支持自定义文本、图形和动画样式配置。每个轴代表一个变量,从中心点放射状展开,类似雷达的外观,直观展示各维度数值的强弱分布。

使用场景

雷达图适用于比较和分析多个对象在多个维度上的表现,常用于性能评估、市场分析、产品对比以及团队或个人技能分析等场景。

配置雷达图

效果展示

image

数据设置

在左侧的数据设置区域,雷达图可以配置图表的基础展示字段及标注信息,并支持通过数据列来设置显示序列和平铺图表。详情请参见数据设置

样式设置

雷达图分为角度轴、半径轴和雷达颜色的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

角度轴

设置图表中角度轴的样式。

  • 角度轴显示:控制图表内是否显示角度轴样式。

  • 数据类型:角度轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 角度范围:控制角度轴的起始和结束范围。

  • 轴线:控制是否显示角度轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示角度轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示角度轴的轴标签,并设置标签的文本长度、前缀/后缀、角度、偏移量以及文本样式。

  • 刻度线:控制是否显示角度轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示角度轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

半径轴

设置图表中半径轴的样式。

  • 半径轴显示:控制图表内是否显示半径轴样式。

  • 显示范围:用于控制半径轴的显示范围。

  • 轴线:控制是否显示半径轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示半径轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示半径轴的轴标签并设置标签的显示格式、文本长度、展示数量、前缀/后缀、对齐方式、角度、偏移量以及文本样式。

  • 刻度线:控制是否显示半径轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示半径轴的网格线样式,并设置网格线的展示形式、网格底色和网格线的线型样式。

雷达颜色

可配置雷达的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

气泡图

气泡图是散点图的扩展,通过气泡的大小和颜色来展示数据,能够直观生动地呈现多个时间点或类别下离散数据的差异,适合用于多维度数据的可视化分析。

使用场景

气泡图适用于展示和比较变量之间的关系,常用于市场分析、财务数据可视化和资源分配等场景,以直观呈现差异和趋势。

配置气泡图

效果展示

image

数据设置

在左侧的数据设置区域,气泡图可以配置图表的基础展示字段及标注信息,并支持通过数据列进行分组聚合、颜色、尺寸、形状和平铺效果配置。详情请参见数据设置

样式设置

气泡图分为气泡标签、X轴、Y轴、气泡颜色、气泡形状和气泡尺寸的配置,下表将介绍相关配置详情。

参数

说明

参数

说明

气泡标签

控制是否显示气泡标签,并设置标签内容、前缀/后缀、相对偏移量、文本样式、文本秒表和空值数据。

空值数据:开启后当数据中的气泡半径为0时,可隐藏此空值数据。

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 数据类型:角度轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 显示范围:用于控制X轴的显示范围。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签并设置标签的显示格式、两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 数据类型:Y轴数据的类型,可选数值型、类目型和时间型。

    • 数值型:支持整数、浮点数等数值类型的数据。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 显示范围:用于控制Y轴的显示范围。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签的显示格式、两端间距、文本长度、展示数量、前缀/后缀、角度、偏移量以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和间距。

气泡颜色

可配置气泡的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

气泡尺寸

可配置气泡的映射方式及尺寸。设置气泡尺寸的最大值/最小值,也可以按需进行自定义映射。

更多尺寸映射介绍,请参见尺寸映射器使用说明

气泡形状

可配置气泡的映射方式及形状,支持使用系统提供的形状映射,也可按需自定义映射。

单击image图标,可将相应形状固定,固定后,当后续切换图表模板时,当前形状不会发生变动。

更多形状映射介绍,请参见形状映射器使用说明

热力图

热力图是一种用于数据可视化的图表,通过颜色变化表示数据的大小或分布密度,并支持使用X轴和Y轴分别展示类目和数值,从而直观地对比多维度的类目数据。

使用场景

热力图适用于直观展示数据分布和密度变化,常用于地理分布分析、用户行为跟踪和模式识别等场景。

配置热力图

效果展示

image

数据设置

在左侧的数据设置区域,热力图可以配置图表的基础展示字段及标注信息,并支持通过数据列进行颜色和平铺效果配置。详情请参见数据设置

样式设置

热力图分为X轴、Y轴和热力颜色配置,下表将介绍相关配置详情。

参数

说明

参数

说明

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 数据类型:角度轴数据的类型,可选类目型和时间型。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签并设置标签的文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 数据类型:Y轴数据的类型,可选类目型和时间型。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签的文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和间距。

热力颜色

可配置热力的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

点阵图

点阵图是一种数据可视化图表,通过有规律的排列点来表示各分类的数据数量和分布,直观展示数据的规模和差异。

使用场景

点阵图适用于直观展示各分类的数量分布和比例差异,常用于人口统计、调查结果和简单的百分比表示等场景。

配置点阵图

效果展示

image

数据设置

在左侧的数据设置区域,点阵图可以配置图表的基础展示字段及标注信息,并支持通过数据列进行颜色、尺寸和平铺效果配置。详情请参见数据设置

样式设置

点阵图分为X轴、Y轴、热力颜色和尺寸映射配置,下表将介绍相关配置详情。

参数

说明

参数

说明

X

设置图表中X轴的样式。

  • X轴显示:控制图表内是否显示X轴样式。

  • 数据类型:角度轴数据的类型,可选类目型和时间型。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示X轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示X轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示X轴的轴标签并设置标签的文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示X轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示X轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和网格线的间距。

Y

设置图表中Y轴的样式。

  • Y轴显示:控制图表内是否显示Y轴样式。

  • 数据类型:Y轴数据的类型,可选类目型和时间型。

    • 类目型:支持字符、字符串等类目类型的数据。

    • 时间型:支持时间类型的数据,需要配置数据格式。

  • 轴线:控制是否显示Y轴的轴线,并配置轴线的线型、粗细和颜色。

  • 轴标题:控制是否显示Y轴的轴标题,并配置标题内容、展示方式及文字样式。

  • 轴标签:控制是否显示Y轴的轴标签并设置标签的文本长度、展示数量、前缀/后缀、角度、偏移量、对齐方式以及文本样式。

  • 刻度线:控制是否显示Y轴的刻度线,并设置刻度线的长度、粗细和颜色。

  • 网格线:控制是否显示Y轴的网格线样式,并设置网格线的线型样式、粗细、颜色、长度和间距。

热力颜色

可配置热力的映射方式及颜色,支持使用系统提供的颜色,也可按需自定义映射颜色。单击image图标,可将相应颜色固定,固定后,当后续切换图表模板时,当前颜色不会发生变动。

更多颜色映射介绍,请参见颜色映射器使用说明

尺寸映射

设置点阵图中点的尺寸映射比例。

  • 本页导读 (1)
  • 前提条件
  • 图表配置概述
  • 柱状图类
  • 分组柱状图
  • 堆叠柱状图
  • 分组条形图
  • 堆叠条形图
  • 极坐标堆叠柱状图
  • 折线图类
  • 折线图
  • 极坐标折线图
  • 饼环图类
  • 饼图
  • 玫瑰图
  • 文本类
  • 数字翻牌器
  • 词云
  • 其它类
  • 雷达图
  • 气泡图
  • 热力图
  • 点阵图