大屏管理 组件介绍 数据源管理

百分比图

2021-07-14 15:47:30
浏览 1157 次

摘要: 本文主要给大家介绍一下百分比图组件的使用方法。 免费下载软件

百分比图适用于展示在某一个大类中,某个子类别在整个大类中的占比情况。

该组件在软件中的位置如下图所示:

选中组件时可以对组件进行设置,包括字段设置和属性设置,其中字段设置如下图所示:

上图中所用示例数据如下:

地区 项目数量
上海 10000
北京 20000
广州 30000

属性的设置如下图所示:

(1)基本设置
数据类型、显示组件、演示控制、混合模式

(2)数据颜色
设置当前百分比图的颜色

(3)图形形状
统一的形状设置包括:形状(圆环、条形、柱形)、图形底色、圆环类型、圆环宽度、圆环内边框类型、圆环内边框宽度、圆环内边框颜色、圆环外边框类型、圆环外边框宽度、圆环外边框颜色和填充形状。

(4)图形文本
图形文本是将每个子条形的数值或百分比显示在图形上面。
图形文本的设置包括:文本位置、文本与图形的间距、数据格式、文字样式和显示单位。

(5)内边距
内边距可以设置组件中心距离上下左右边框各自的位置,单位为px。

(6)三维空间旋转

可输入任意数值,数值对应角度向X轴/y轴旋转。

(7)交互
交互可以通过点击该组件可以切换其他组件的状态、链接到URL以及大屏上、打开弹窗或者切换选项卡。

(8)动画

动画效果可以对入场动画、展示动画和离场动画进行设置。

需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。

(9)三维空间旋转

可输入任意数值,数值对应角度向X轴/y轴旋转。

(10)大小和位置
通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入X坐标、Y坐标、宽和高来设置。

(11)边框设置
边框的设置包括:边框颜色、边框宽度和边框样式。

(12)背景设置
组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片。

 

分享到:
数据资产大屏 大数据可视化展示大屏 智慧景区旅游 bi可视化大屏 校园智慧教学平台 数据3d可视化 大屏实时数据可视化 three js制作3d全景图 如何实现数据可视化 可视化大屏案例
关闭