1. 概述
1.1 应用场景
饼图角度自定义是指用户可以自由改变饼图的起始位置和结束位置,进而改变饼图的显示效果,改变饼图角度的示例如下所示:
采用默认的角度设置,效果如下图所示:
改变角度设置后,效果如下图所示:
1.2 功能入口
在饼图属性面板的样式>系列的样式下可以自定义起始角度和终结角度。
默认起始角度为 0 ,终结角度为 360 。
1.3 应用实例
复用组件下载后可直接在设计器内安装复用,即可实现半圆饼图效果,无需进行代码编辑;
更多半圆饼图组件的示例,可参见 帆软市场-组件 / 设计器→在线组件库,组件复用相关文档请参见:组件复用 。
组件下载链接 | 描述 | 效果图 |
---|---|---|
半玫瑰图-黑金 | 1)该组件适用于黑金风格模板 2)玫瑰图的扇形大小根据数据的大小不同,突出数据的占比及其差别对比,结合关键指标卡,方便查看数据 | |
半玫瑰图指标卡-清新风 | 1)该组件适用于浅色简约风格模板 2)图表块和报表块结合的指标卡,在突出数据占比的同时显示出具体数据,清晰直观 |
2. 示例
2.1 打开模板
使用设计器已经内置的饼图来自定义角度,打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\玫瑰图.cpt
2.2 自定义角度
饼图属性面板选择样式>系列,设置起始角度为 270 ,终结角度为 90 ,如下图所示:
2.3 效果预览
1)PC 端
保存报表,点击分页预览,效果如下图所示:
2)移动端
示例采用的是悬浮图表不支持移动端预览,但是单元格元素图表可以。
3. 模板下载
已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\自定义角度玫瑰图.cpt
点击下载模板:自定义角度玫瑰图.cpt