You need to enable JavaScript to run this app.
导航

数字大屏单值环形图

最近更新时间2024.01.11 16:25:52

首次发布时间2021.09.22 14:37:26

1. 概述

单值环形图通过环形图展现单个指标占比数据,如达成率、完成进度等。占比数据的取值范围为[0,100%]

2. 快速入门

(1)选择组件-图表中的单值环形图,大屏中心将出现一个单值环形图组件。

alt

(2)在右侧编辑栏的数据中选择数据源,并配置值。值为占比指标,数值范围必须在0~100%。

(3)配置单值环形图样式,调整单值环形图大小和位置。

3. 功能介绍

3.1 样式

alt

色彩

在“色彩”一栏中,通过设置第一个色彩设置单值环形图进度条的颜色。如图所示,单值取了色彩板中第一种颜色。

环图样式

配置单值环形图进度环宽(图示蓝绿色部分)、背景环宽(图示白色部分)、环圆角、背景环的颜色。

标题&指标

勾选标题后,环形图中央将显示指标标题,可以修改名称、位置和字体、粗细、字号、颜色等。

指标默认展示,可以配置指标的字体、粗细、字号、颜色等。

动画

可以为单值环形图配置动画和轮播间隔。

3.2 数据

3.2.1 数据来源

alt
参考 数字大屏-数字大屏数据来源 模块,可以选择 Static(静态数据)、Dataset(数据集)、API 和 JavaScript 四种数据来源。选定后在数据可视化-数据来源中,选择对应的数据来源。

3.2.2 值&筛选

选定数据源后,可以在下方配置单值环形图的元素。

可以将右侧显示出的,来自数据源的维度和指标拖拽入对应区域,配置成值/筛选字段。

  • 值:占比指标字段,取值范围为[0,100%]
  • 筛选:将作为筛选条件的字段拖拽入“数据筛选”一栏后,即可设置筛选条件。维度字段、指标字段、日期字段在筛选操作上有细微的区别,可以参考 维度筛选指标筛选日期筛选

点击轴/图例/值中字段胶囊左侧小三角,还可以设置字段信息(名称)、字段聚合方式、字段格式等,可参考可视化查询-字段配置