历史版本13 :环形饼图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

设置内径可以将饼图变形为圆环效果,改变饼图内径的示例效果如下:

  • 饼图未设置内径,效果如下图所示:

1.png

  • 设置内径后,效果如下图所示:

2.png

1.2 功能入口

在饼图属性面板的样式>系列样式下可以自定义内径占比。

默认内径占比为 0 ,范围为 0~100 。内径占比值越大,圆环的直径越大。

Snag_1a2109cc.png

2. 示例编辑

2.1 数据准备

新建内置数据集 Embedded1 ,如下图所示:

1590548781968954.png

2.2 插入图表

设计器菜单栏点击插入>悬浮元素>插入图表,将饼图以悬浮元素形式插入到普通报表中,如下图所示:

Snag_1a36fb0c.png

2.3 绑定数据

选中饼图,右侧属性面板选择悬浮元素>数据,如下图绑定图表数据:

Snag_1a3c6a19.png

2.4 内径设置

选中饼图,右侧属性面板选择样式>系列,设置饼图的内径占比为 80 ,如下图所示:

Snag_2e5a8066.png

2.5 标题设置

选中饼图,右侧属性面板选择悬浮元素>样式>标题,自定义标题的悬浮位置,x 方向设置为 38 ,y 方向设置为 45 。

Snag_1a469743.png

2.6 效果预览

1)PC 端

保存报表,点击分页预览,效果如下图所示:

2.png

2)移动端

示例采用的是悬浮图表不支持移动端预览,但是单元格元素图表可以。

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\百分比环形图.cpt

点击下载模板:百分比环形图.cpt