1. 概述
1.1 版本
| 报表服务器版本 | JAR 包版本 | 功能变动 |
|---|---|---|
| 10.0.10 | 2020-11-02 |
|
1.2 应用场景
柱形图是用宽度相同的柱子的高度或长短来表示数据多少的图形。
利用柱形统计图，可以直观地表示数据量的大小并进行比较，可以比较明显地显示出各数据之间的比例差异。
FineReport 中柱形图包含多种类型，常见类型如下表所示：
| 分类 | 效果图 |
|---|---|
| 普通柱形图 |
|
| 堆积柱形图 |  |
| 渐变柱形图 | |
| 占比柱形图 | |
1.3 图表特点
优点：简单直观，很容易根据柱子的长短看出值的大小，易于比较各组数据之间的差别。
缺点：不适合较大数据集的展现。
2. 示例
本文简单讲解下普通柱形图的设计过程。
2.1 准备数据
点击设计器左上角「文件>新建普通报表」，新建数据库查询 ds1，输入 SQL 语句：SELECT * FROM 销量。如下图所示：
2.2 插入图表
合并一片单元格区域，点击上方工具栏插入图表按钮，插入「柱形图」。如下图所示：
2.3 设计柱形图
选中图表，点击右侧属性面板「单元格元素」，可设置图表的各个属性：类型、数据、样式、特效。
2.3.1 图表类型
选中图表所在单元格，点击右侧「单元格元素>类型」可查看和选择图表类型。
2.3.2 绑定数据
选择「数据」，绑定图表数据如下图所示：
2.3.3 设置样式
1）选择「样式>标题」，输入文本「各销售员销量」。
2）选择「样式>标签」，勾选上「使用标签」，设置标签显示「值」，字符使用「自定义」设置。
注1：10.0.10 版本「标签>布局」下新增文本方向设置项，用户可自定义标签文档的排列方向。但标签内容为富文本时，不支持设置文本方向。
注2：10.0.10 版本标签下新增「边框」和「背景」设置项，边框选择线型后，可以设置边框的颜色、形状和圆角。但标签文本方向为纵向时，不显示这 2 个设置项。
3）选择「样式>系列」，设置渐变风格为「关闭」，配色方案保持 「默认」，设置边框线型为「无」。柱形图系列的更多设置请参见：图表系列 。
注：2020-07-08 版本及之后版本 JAR 包新增柱形图渐变风格，详情可参见文档 渐变柱形图 。
4）选择「样式>背景」，将绘图区的横向网格线设置为「无」。
2.4 效果预览
2.4.1 PC 端
保存报表，点击「分页预览」，效果如 1.2 节普通柱形图所示。
2.4.2 移动端
APP 端和 HTML5 端均支持，效果如下图所示：
2.5 应用扩展
更多柱形图的示例，可参见 帆软市场-组件，组件复用相关文档请参见：组件复用 。
| 组件链接 | 效果图 |
|---|---|
| |
| 正负变化柱形图-科技风 | |
3. 模板下载
已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\普通柱形图.cpt
点击下载模板：普通柱形图.cpt