帆软如何制作百分比圆环仪表盘
来源:网络收集 点击: 时间:2024-04-30新建数据集 ds1,数据库查询语句如下:
select类别名称,sum(库存量)as库存量from产品,类别
where产品.类别ID=类别.类别IDand类别名称=饮料

将百分比圆环仪表盘拖拽到 body 组件中,调整的位置,如下图所示:

百分比圆环仪表盘的数据绑定方法如下图所示:

坐标轴设置项下勾选自定义最小值,设置最小值为0,也可以不勾选自定义最小值,效果是一样的。

效果预览PC 端

移动端效果预览

以单元格元素或悬浮元素插入仪表盘后,可在右边属性面板的类型设置项下,选择百分比圆环仪表盘,如下图所示:

分类名:百分比对应的分类名称,前端展示时显示在中间滑槽区域。
指针值:百分比计算时分子的一部分,要配合坐标轴下的最小值形成分子。
目标值:百分比计算时分母的一部分,要配合坐标轴下的最小值形成分母。

百分比圆环仪表盘的样式系列设置项跟基础样式有所不同,单独介绍:
配色:可以切换百分比圆环仪表盘的色彩搭配,目前有 12 种,且支持自定义组合色和自定义渐变色。
方向:数据集中有多个分类,前端展示时会出现多个仪表盘,此时可以改变这些仪表盘的排列方向。
旋转方向:此处可选择顺时针、逆时针两种类型。
底盘背景:此处控制空白圆环区域的背景颜色,默认为灰色。
内底盘背景:此处控制圆环内部的底盘背景颜色,默认为透明。
半径设置:控制百分比圆环仪表盘的大小,分为自动和固定两种类型。
滑槽占比:改变仪表盘中间滑槽区域的大小。
刻度和配色:控制百分比圆环仪表盘的刻度颜色。

可以直观的表现出某个指标的进度和完成情况,主要用于进度或占比的展现
只能一个维度,指标数据也不宜过多,展示信息有限
帆软FINEREPORT百分比圆环图帆软百分比圆环版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_637577.html