1.1 版本

1.2 应用场景

图表背景是 图表样式 属性下的一个设置项，可以通过该设置项改变图表背景的显示样式和风格。

以模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\柱形图.cpt为例。

一张图表有四个不同区域：

• 整个图表区域( 黑色框表示的范围 )

• 绘图区( 浅灰色背景表示的范围 )

• 标题区( 粉红色背景表示的范围 )

• 图例区( 淡黄色背景表示的范围 ）

我们可以点击样式，来对这四个区域分别设置其边框、背景等属性，标题背景在 标题标签 里面，图例背景在 图例 里面，绘图区和图表区在背景标签里面，如下图所示：

1.3 功能介绍

图表「样式>背景」下包含：图表区设置和绘图区设置。

1）图表区设置

图表区设置：包含边框和背景两个设置项，如下图所示：

2）绘图区设置

包含边框，背景，网格线，警戒线，间隔背景五个设置项，如下图所示：

2.1 边框

通过边框样式可以给图表区最外延加上边框及设置边框颜色。

选中图表，在「样式>背景>图表区」中可以对边框进行设置。

• 线型：可针对设置无，小，中，大四种线型。

• 颜色：设置边框的颜色

• 圆角：边框四个角的角度

默认所加的边框是棱角分明的，可设置圆角边框，并设置线型为绿色粗线型，就可以实现圆角绿色粗线型效果。

设置图表区边框：

图表区边框设置预览效果：

注：如设置图表边框，需要去除单元格的缩进，否则边框无法完全展示，如上图所示。

若想将右边框显示出来，则需要将缩进设置为 0，设置方法如下：

设置后预览效果：

注1：当图表的标题区、图例区、警戒线跟图表区边框重叠时，图表区边框显示在下层。

注2：当图表的标签、图形、坐标轴、数据表跟图表区边框重叠时，图表区边框显示在上层。

2.2 背景

可以对图表区设置背景填充、不透明度、阴影，如下图所示：

• 填充：包含没有背景，颜色，图片，渐变色四个设置项。

• 不透明度：可设置背景透明度，设置值为 0-100，0 表示完全透明，100 表示完全不透明。

• 阴影：可设置是否开启你阴影效果，默认关闭。

例：给图表添加绿色的背景色，并设置透明度为 20% 。图表图表区背景设置预览效果：

2.3 注意事项

frm 模板中的图表块的「图表区」背景可在组件「属性」处设置，如下图所示：

图表块的「样式>背景>图表区」增加提示语句：该功能即将被合并，请在组件的 [ 属性 ] 面板中设置背景。如下图所示：

注：绘图区背景设置不变，且在普通报表中或报表块单元格中的图表区背景设置维持原样。

绘图区样式设置分为五类：边框、背景、网格线、警戒线和间隔背景，其中边框和背景的设置与图表区的设置相同，这里不再赘述，下面详细讲解网格线、警戒线和间隔背景。

3.1 网格线

网格线指的是报表预览时，显示在图表背景的网格效果。可设置「横向」和「纵向」两种网格线，线型可选择「实线」或「虚线」，可自定义线条颜色。如下图所示：

网格线预览效果：

3.2 警戒线

设置一条警戒线，作为一个参考标准或者定义一个目标值，如下图所示：

设置警戒线：

警戒线预览效果：

1）警戒线设置：

• 位置：X 轴或者 Y 轴

• 值：警戒线的值，公式填入

• 线型：可选择「实线」或「虚线」

• 颜色：设置线条颜色

2）提示文字设置：

• 位置：显示在警戒线左边还是右边

• 内容：可公式输入内容

• 字体：选择何种字体

• 大小：使用字体的大小

• 颜色：使用字体的颜色

3.3 间隔背景

我们可以根据横纵坐标轴的网格线给绘图区添加间隔背景。

点击图表属性面板中图表属性「样式>背景>绘图区」，默认间隔设置横向间隔背景为绿色。

设置绘图区间隔：

绘图区间隔预览效果：

纵向设置和横向设置一致，若需要每一间隔单独设置其背景，可选择自定义间隔背景设置方式，详细介绍参见文档：区域背景自定义