玫瑰图

  • Last update:September 18, 2021
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 应用场景

    玫瑰图使用扇形的半径和面积表示数值的大小,一般用于数据条数较多且大小相近的二维数据占比分析。

    FineReport 中包含两种玫瑰图:

    • 等弧度玫瑰图:每个扇形区域的弧度相同,扇形半径及面积根据值的大小改变。

    • 不等弧度玫瑰图:每个扇形区域的弧度、半径及面积均会根据值的大小改变。

    效果如下图所示:

    Snag_2e5a1018.png

    1.3 图表特点

    优点:较为直观的对比各系列的数值差异,且较为美观。

    缺点:因为半径和面积是平方关系,因而会将数据的比例夸大,不适用于数据差异过大的数据。

    2. 示例

    2.1 准备数据

    点击设计器左上角「文件>新建普通报表」,新建数据库查询 ds1,输入 SQL 语句:SELECT 销售员,sum(销量) as 销量 FROM 销量 group by 销售员 order by 销量。取出销量表中的销售员及其对应的总销量数据,并按照销量升序排序。

    Snag_2e6cac03.png

    2.2 插入图表

    合并一片单元格区域,点击上方工具栏插入图表按钮,选择「饼图>等弧度玫瑰图」。如下图所示:

    Snag_2e71fa79.png

    2.3 设计图表

    选中图表,点击右侧属性面板「单元格元素」,可设置图表的各个属性:类型、数据样式特效

    2.3.1 图表类型

    选中图表所在单元格,点击右侧「单元格元素>类型」可查看和选择图表类型。

    Snag_2e75e8b2.png

    2.3.2 绑定数据

    选择「数据」,绑定图表数据如下图所示:

    Snag_2e77276c.png

    2.3.3 设置样式

    1)选择「样式>标题」,输入文本「等弧度玫瑰图」,其余设置保持默认。如下图所示:

    Snag_2e788ff5.png

    2)选择「样式>系列」,设置渐变风格为「关闭」,配色方案为「自定义渐变色」,点击色标弹出选择颜色对话框,左侧色标值为 ff6666,右侧色标值为 0cd287。最后将边框线型设置为「无」。如下图所示:

    Snag_2e7a94dd.png

    2.3.4 复制图表

    上述步骤完成后即「等弧度玫瑰图」设计完成,接下来我们将「等弧度玫瑰图」直接复制粘贴,在其基础上修改,来设置「不等弧度玫瑰图」。

    1)将图表粘贴后,点击「单元格元素>类型」,将图表类型改为「不等弧度玫瑰图」。如下图所示:

    Snag_2e852bbd.png

    2)修改标题。如下图所示:

    Snag_2e86f11c.png

    3)修改系列样式。这里将「不等弧玫瑰图」系列的起始角度设为 270,终结角度设为 90,即半圆形状态;再将内径占比设为 10%,即图表中部有镂空的样式。如下图所示:

    Snag_2e9631f5.png

    2.4 效果预览

    2.4.1 PC 端

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

    Snag_2e8c5452.png

    2.4.2 移动端

    App 端和 HTML5 端均支持,效果如下图所示:

    Snag_2e9a7d42.png

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\玫瑰图.cpt

    点击下载模板:玫瑰图.cpt

    Attachment List


    Theme: 图表应用
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy