反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

自定义组合图

  • 文档创建者:susie
  • 历史版本:18
  • 最近更新:yzm255836 于 2021-12-22
  • 1.概述

    1.1 应用场景

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

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

    1589284034331212.png

    1.2 图表特点

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

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

    1.3 应用实例

    复用组件下载后可直接在设计器内安装复用,即可自定义组合图效果,无需进行代码编辑;

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

    组件下载链接
    描述
    效果图
    柱形图饼图组合-深色

    1)该组件适用于深色简约风格模板

    2)柱形图与饼图的结合,在显示出数据整体发展的同时,突出各部分内容占整体的占比情况

    柱形图饼图组合-深色.jpg
    柱形气泡组合图-商务风

    1)该组件适用于深色商务风格模板

    2)柱形图和气泡图的结合,用类似棒棒糖形状代替传统条形,图表更加美观

    1639470441KXb5.png

    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

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

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

    总裁办24H投诉

    热线电话:173-1278-1526