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

目录:

1. 概述编辑

1.1 应用场景

饼图角度自定义是指用户可以自由改变饼图的起始位置和结束位置,进而改变饼图的显示效果,改变饼图角度的示例如下所示:

  • 采用默认的角度设置,效果如下图所示:

1.png

  • 改变角度设置后,效果如下图所示:

2.png

1.2 功能入口

在饼图属性面板的样式>系列样式下可以自定义起始角度和终结角度。

默认起始角度为 0 ,终结角度为 360 。

1616378862284320.png

1.3 应用实例

复用组件下载后可直接在设计器内安装复用,即可实现半圆饼图效果,无需进行代码编辑;

更多半圆饼图组件的示例,可参见 帆软市场-组件 / 设计器→在线组件库,组件复用相关文档请参见:组件复用 。

组件下载链接
描述
效果图
半玫瑰图-黑金

1.该组件适用于黑金风格模板;

2.玫瑰图的扇形大小根据数据的大小不同,突出数据的占比及其差别对比,结合关键指标卡,方便查看数据。

半玫瑰图-黑金.png
半玫瑰图指标卡-清新风

1.该组件适用于浅色简约风格模板;

2.图表块和报表块结合的指标卡,在突出数据占比的同时显示出具体数据,清晰直观。

半玫瑰图指标卡-清新风.png

2. 示例编辑

2.1 打开模板

使用设计器已经内置的饼图来自定义角度,打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\玫瑰图.cpt

2.2 自定义角度

饼图属性面板选择样式>系列,设置起始角度为 270 ,终结角度为 90 ,如下图所示:

1616378881268202.png

2.3 效果预览

1)PC 端

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

2.png

2)移动端

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

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\自定义角度玫瑰图.cpt

点击下载模板:自定义角度玫瑰图.cpt