You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
导航

环形图

最近更新时间2023.05.26 19:50:36

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

1. 概述

环形图是使用一个圆表示总量,用圆内圆环的大小表示各部分数量占总数的百分比的图表。

2. 快速入门

选择组件-图表中的环形图,大屏中心将出现一个环形图组件

image.png

在右侧编辑栏的数据中选择数据源,并配置图例和数值

image.png

配置环形图样式

image.png

调整环形图大小和位置

3. 功能介绍

3.1 样式-整体视觉

色彩

在“色彩”一栏中,可以预设环形图图例的色彩搭配。如图所示,环形图图例有5个值,分别取了第1到5种颜色。

image.png

环图样式

配置环形图的宽度、间隔、最大扇区数等

image.png

动画

可以为环形图配置动画和轮播间隔,动画效果如下

image.png

3.2 样式-图内元素

image.png

中心数值: 勾选后可在环形图中心展示总计数值。可修改数值的标题及其样式,以及数值的样式

图例: 设置图例的位置、字体等,如不需要可取消勾选

值标签: 设置环形图标签的位置、显示内容和样式

3.3 数据

3.3.1 数据来源

参考 大屏-数据接入 模块

3.3.2 图例&值&筛选

image.png

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

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

  • 图例:环形图的图例,及分类来自于图例中字段的值
  • 值:指标字段,环形图每个图例占比通过值字段计算
  • 筛选:将作为筛选条件的字段拖拽入“数据筛选”一栏后,即可设置筛选条件。维度字段、指标字段、日期字段在筛选操作上有细微的区别,可以参考维度筛选指标筛选日期筛选

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