自定义组合图

  • 文档创建者:susie
  • 编辑次数:13次
  • 最近更新:Leo.Tsai 于 2020-07-02
  • 1.概述

    1.1 应用场景

    自定义组合图可自由选择柱形图、折线图、面积图、饼图、等弧度玫瑰图、不等弧度玫瑰图、多指针的仪表盘360度、多指针的仪表盘180度、百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘、雷达图、堆积柱形雷达图、散点图、气泡图共 15 种图形进行组合。

    自定义组合图适用于多个数据集,可同时比较多个类别的数据,展示不同数据之间的差异,示例中将饼图和柱形图进行组合,展示效果如下图所示:

    1589284034331212.png

    1.2 图表特点

    • 极大提升了图表设计的自由度,可以根据需要自由选择适合的图表组合使用,集合各个图表的优势。

    • 适合不同数据集之间的对比,可以比较明显地显示出各数据之间的比例差异,也可以比较各个类别的占比情况。

    2. 示例

    下面以柱形图-饼图的组合图为例介绍操作步骤。

    2.1 报表设计

    2.1.1 准备数据

    新建数据查询 ds1,数据库查询语句为:SELECT * FROM 销量

    1589281156408657.png

    2.1.2 插入图表

    合并一片区域单元格,右键选择 A1 单元格,点击单元格元素>插入图表>自定义组合,勾选柱形图、饼图,如下图所示:

    注:根据勾选的顺序,决定画图时图层叠加的顺序。越往后勾选的图表类型,越在图层上层。

    2020-05-12_19-00-15.png

    2.1.3 数据绑定

    分别绑定柱形图饼图的数据,如下图所示:
    2020-05-19_22-51-48.png

    注:设置饼图时,取消分类设置,只生成一个饼图。

    2.1.4 样式设计

    1)选择样式>系列,添加堆积和坐标轴 1,增加条件,系列序号为 1 or 2 or 3,再添加堆积和坐标轴 2,增加条件,系列序号为 4 or 5,如下图所示:
    Snag_2eea48fe.png

    Snag_2eec2976.png

    注:堆积和坐标轴设置中,系列序号都是相对于本图表类型数据的系列序号,而不是全体数据。

    2)为避免饼图和柱形图部分重叠,选择样式>坐标轴>Y 轴,设置最大值为 2000 ,如下图所示:
    2020-05-19_23-03-19.png

    3)选择样式>标签>饼图,勾选使用标签,勾选百分比,选择饼图外牵引线,如下图所示:
    1589283670881278.png

    2.2 效果预览

    1)PC端

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

    2020-05-12_19-46-59.png

    2)移动端

    67b06bce383895695b24c648dd6c1746.jpg

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\自定义组合图.cpt

    点击下载模板:自定义组合图.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!