反馈已提交

网络繁忙

玫瑰图

  • 文档创建者:Alicehyy
  • 编辑次数:1次
  • 最近更新:Alicehyy 于 2021-09-18
  • 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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭