反馈已提交

网络繁忙

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

堆积柱形图

  • 文档创建者:Leo.Tsai
  • 历史版本:7
  • 最近更新:yzm255836 于 2022-01-05
  • 1. 概述

    1.1 应用场景

    堆积柱形图,制造业又叫做「山积图」,是一种既可以直观地看出每个系列的值,还能够反映出系列总和的图表,效果如下图所示:

    堆积柱形图一般适用于:比较每个分组的数据总量,反映组内每个系列值的大小。

    PC.png

    1.2 图表特点

    • 优点:可以直观看出每个分类下的不同系列数据的大小,可以比较不同分类的数据总量大小。

    • 缺点:不适用于分类太多的场景。

    1.3 应用实例

    决策报表中可使用 组件复用 功能,下载安装组件后,直接替换数据即可快速复用组件样式,实现堆积柱形图效果。

    更多堆积柱形图的示例,可参见 帆软市场-组件 / 设计器→在线组件库。

    组件下载链接描述效果图
    堆积柱形图-青色系

    1)该组件适用于青色系风格模板

    2)通过堆积柱形图展示各系列数据的最低值、平均值及最高值

    堆积柱形图-青色系.png
    堆积柱形图-简约蓝

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

    2)可以直观地表示数据量的大小及总和并进行比较,可以比较明显地显示出各数据之间的比例差异

    堆积柱形图-简约蓝.png

    2. 示例

    2.1 准备数据

    新建内置数据集 Embedded1 ,如下图所示:

    1588055312777878.png

    2.2 插入图表

    合并一片区域单元格,A1 单元格插入堆积柱形图,如下图所示:

    1588055459529686.png

    2.3 绑定数据

    图表属性面板选择数据,数据来源选择数据集Embedded1,分类选择产品,系列名采用的是使用字段名的方式,因为这样可以给每个分类设置多个系列。如下图所示:

    1616383313333270.png

    2.4 设置样式

    2.4.1 设置标题

    如下图步骤添加图表标题,标题内容为堆积柱形图,颜色为灰色。

    1616383473870249.png

    2.4.2 设置系列

    如下图步骤设置系列的配色方案,示例采用了清新风格的配色,用户可自行调整。

    注:下图的新配色方案功能需要将 JAR 包更新到 2020-04-26 及之后版本,渐变风格需要更新到 2020-07-06 及之后版本。

    Snag_2eb4f831.png

    2.5 效果预览

    2.5.1 PC 端

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

    PC.png

    2.5.2 移动端

    1588056617720383.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