1. 概述
1.1 版本
报表服务器版本 |
---|
11.0 |
1.2 应用场景
当 饼图 设置了内径占比,展示为圆环饼图时,有个常见的需求:希望可以将分类名、汇总值或自定义文本这样的信息展示在中间空白区域,提高图表的空间利用率。
饼图标签中的「分类标签」功能,支持将自定义的文字、分类名、汇总值这样的信息显示在饼图中间区域。
1.3 功能简介
选中饼图,进入饼图样式>标签设置,可分别设置值标签和分类标签,两类标签均支持 3 种方法设置标签内容。
通用:支持勾选分类名和汇总值,显示内置的数据指标。
富文本:支持自定义文本内容。
自定义:支持通过代码自定义文本内容。
2. 示例
2.1 准备数据
新建普通报表,新建内置数据集,如下图所示:
2.2 插入图表
合并一片区域单元格,插入饼图,如下图所示:
2.3 绑定数据
绑定饼图数据,如下图所示:
2.4 设置样式
饼图去掉标题,图例设置在上方,内径占比调整为 80%,实现环形效果,如下图所示:
2.5 自定义中间标签
饼图标签取消显示值标签,分类标签使用 富文本自定义,并将分类标签的位置设置为居中,也就是显示在饼图中间,如下图所示:
点击「富文本编辑」进入编辑器界面,在编辑面板中输入「安卓各版本市占率」,字体样式设置为「自定义」。如下图所示:
2.6 效果预览
2.6.1 PC 端
保存报表,点击分页预览,效果如下图所示:
2.6.2 移动端
同时支持 App 端和 H5 端,效果如下图所示:
3. 模板下载
已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\饼图中心显示标签.cpt
点击下载模板:饼图中心显示标签.cpt