图表背景

  • 文档创建者:Holly
  • 编辑次数:8次
  • 最近更新:Carly 于 2019-08-29
  • 1. 描述

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

    如下图,一张图表有四个不同区域的概念:整个图表区域(黑色框表示的范围)、绘图区(浅灰色背景表示的范围)、标题区(粉红色背景表示的范围)及图例区(淡黄色背景表示的范围)。
    222

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

    2. 背景

    2.1 图表区

    2.1.1 边框

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

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

    默认所加的边框是棱角分明的,可设置圆角边框,并设置线型为绿色粗线型,就可以实现圆角绿色粗线型效果,如下图所示:

    12.png

    注:如设置图表边框,需要去除单元格的缩进,否则边框无法完全展示

    2.1.2 背景

    可以对图表区设置背景颜色、图片、渐变色,如下图所示:

    我们给它加上一个背景色,并设置透明度为 20%,此时效果如下图所示:

    2.png

    2.2 绘图区

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

    2.2.1 网格线

    选中图表,点击样式>背景>绘图区,将网格线都设为黑色,显示网格线,效果如下图所示:

    111.png

    2.2.2 警戒线

    选中图表,点击样式>背景>绘图区,添加警戒线,如下图所示设置:

    1567050122624443.png

    为了防止警戒线和警戒线标签被图形遮挡,影响用户阅读,警戒线图层位于图表最上层。效果如下图所示:
    1567050365235364.png

    2.2.3 间隔背景

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

    点击图表属性面板中图表属性表-样式>背景>绘图区,设置横向间隔背景为浅黄色,效果如下图所示:

    222

    若需要每一间隔单独设置其背景,可选择自定义间隔背景设置方式,具体设置请参考 区域背景自定义

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览