1.概述

仪表盘(Gauge)是一种拟物化的图表,刻度表示度量,指针表示维度,指针角度表示数值。仪表盘图表就像汽车的速度表一样,有一个圆形的表盘及相应的刻度,有一个指针指向当前数值。让人能快速了解关键数据的大致情况,有效地将重要数据单独凸显出来。

星河可视化共创分析平台支持的仪表盘样式如下图所示:

img

分别为仪表盘、驾驶舱仪表盘、三色仪表盘、多系列仪表盘。

1.1 基本要求

仪表盘的基本要求:

图表效果 指标
仪表盘 一个指标

配置教程将以仪表盘为例。


2. 示例

2.1 新建看板

在星河可视化共创分析平台的工作中新建一个大屏看板。

2024-05-11_02

2.2 上传数据

把已经准备好的数据上传到星河可视化共创分析平台中。

在共创团队→数据管理→数据文件中点击【添加】

2024-05-11_03

在把数据上传完后,我们就可以在工作面板中绘制我们的仪表盘了。

2.3 新建仪表盘

在KPI类中找到仪表盘,并拖入到设计看板中。

2024-05-16_01

2.4 配置相关字段

把相关字段拖入字段设置中,并配置相关显示属性配置。

2024-05-16_02


3. 美化图表

3.1 调整个性化配置

打开【仪表盘样式】,完成个性化配置。

2024-05-16_03

3.1.1 可视化样式

可视化样式:分成六类,点击后图表下面对应的各项属性发生变化,同时图表本身的样式也会跟着变化。刻度在内部 有指针、刻度在外部 有指针、无刻度 有指针、刻度在外部 有指针、刻度在外部 无指针、无刻度 无指针这六类,根据需要选择。

3.1.2 表盘设置

表盘类别:系统内置了三种表盘,点击后按照内置的表盘角度显示仪表盘。

起始角度:设置仪表盘起始角度,默认是水平180°。起始角度越大,仪表盘左侧半圆就越往下走。

结束角度:设置仪表盘结束角度,默认是水平0,结束角度越大,仪表盘右侧半圆就越往下走。

半径:设置仪表盘对应的圆占整个图表区域的百分比,半径越大则占的区域越大。

纵向偏移:可调整仪表盘在整个图表区域的上下位置,数值越小,则仪表盘移动到顶部,数值越大,则仪表盘移动到底部。

3.1.3测量轴样式

测量轴样式:看起后可调整测量轴的颜色、底色、宽度等属性。

颜色:可调整测量轴的颜色为纯色、渐变色,并设置对应的颜色,当设置渐变色时,按照颜色从浅到深渐变。

底色:可设置测量轴指针未到的区域的颜色。

宽度:可设置测量轴的宽度,数值越大则越宽。

3.1.4 端点值设置

起点值:可设置仪表盘左侧的起点值

终点值:可设置仪表盘右侧的结束值

固定值:设置固定值时,仪表盘起点终点的值将会按照设定的值固定,一般用于百分比,例如0—100%比较固定的值。

动态值:设置后需要选择数据值对应的字段,看当前指标与其他指标的对比,例如可对比当前指标处于最小值、最大值之间的位置。

2024-05-16_04

3.1.5 区间设置

区间数:可设置仪表盘分成几个区间

分割类型:可设置为数值、百分比两种分割类型,如果是数值的话则按照实际的值分割,如果是百分比的话,则将实际的值按照百分比换算后分割。

起点值、终点值:按照区间数分割成多个区间,可设置区间名称开启关闭及各个区间的颜色。

2024-05-16_05

3.1.6 指针样式

样式:开启指针样式后,可设置指针为三角形、圆形、空心圆及对应的指针颜色。

长度:可设置指针的长度,数值越大则越长。

3.1.7 指标样式

分布模式:可设置仪表盘对应的指标、值的位置关系,分为指标在上,标题在下或者指标在下、标题在上两种。

指标块位置:可调整指标名称、指标值在整个图表中的位置

指标标题:可设置是否显示指标标题、指标标题字号、颜色、加粗

指标数值:可设置是否显示指标数值、指标数值字号、颜色、加粗

指标数值前缀:可设置指标数值的前缀字号、颜色、加粗

指标数值后缀:可设置指标数值的后缀字号、颜色、加粗

间距:可设置指标标题与指标数值之间的距离。

2024-05-16_06

3.1.8 刻度样式

刻度位置:设置刻度位于轴的内测或外侧

刻度样式:可设置刻度样式是否开启

刻度颜色:设置刻度对应的颜色是否为固定色、如固定色则可设置对应的颜色,如设置为跟随区间,则不需要设置自动根据区间对应的颜色显示刻度的颜色。

刻度数:设置仪表盘从起始值到终点值整个区间分成设定的刻度数,一般根据设置为终点值减起点值后,能被整除的刻度数。

刻度分段数:设置一个刻度区间再被分成多小个小区间。

刻度标签样式:可开启刻度标签数值,开启后仪表盘显示对应的标签值

数值:设置刻度标签是否为数值或百分比,如百分比则可设置百分小数位数,设置百分比以后标度标签则会乘100,并显示%符号。

字体颜色:设置刻度标签为固定色或跟随区间颜色

字体大小:设置标签字体大小、加粗

2024-05-16_07

results matching ""

    No results matching ""