反馈已提交

网络繁忙

图表背景

  • 文档创建者:Holly
  • 历史版本:23
  • 最近更新:Alicehyy 于 2022-02-21
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 应用场景

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

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

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

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

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

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

    20180702174025_8069.png

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

    1.3 功能简介

    图表「样式>背景」下包含:「图表区」设置和「绘图区」设置。所有图表都有「图表区」相关设置,但不一定有「绘图区」设置,且「绘图区」设置根据图表类型不同设置项也有所不同。

    1)图表区设置

    图表区设置:包含「边框」和「背景」两个设置项,如下图所示:

    Snag_20321246.png

    2)绘图区设置

    以柱形图为例,「绘图区」包含边框,背景,网格线,警戒线,间隔背景五个设置项,如下图所示:

    Snag_2034e992.png

    2. 图表区

    2.1 边框

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

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

    • 线型:可针对设置无,小,中,大四种线型。

    • 颜色:设置边框的颜色

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

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

    设置图表区边框:

    1616504282598334.png

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

    image.png

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

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

    2.2 背景

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

    Snag_20390c0a.png

    • 填充:包含跟随主题、没有背景,颜色,图片,渐变色五个设置项。

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

    • 阴影:可设置是否开启阴影效果,默认关闭。

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

    image.png

    2.3 注意事项

    frm 模板中的图表块的「图表区」背景可在组件「属性」处设置,详情可参见文档:组件样式

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

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

    Snag_2b82dcd.png

    3. 绘图区

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

    3.1 网格线

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

    Snag_203dc11e.png

    网格线预览效果:

    Snag_2e6d564d.png

    3.2 警戒线

    设置一条警戒线,作为一个参考标准或者定义一个目标值。

    1)警戒线设置:

    • 位置:X轴 或者 Y轴

    • 值:警戒线的值,公式填入

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

    • 颜色:设置线条颜色

    2)提示文字设置:

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

    • 内容:可公式输入内容

    • 字体:选择何种字体

    • 大小:使用字体的大小

    • 颜色:使用字体的颜色

    如下图所示设置:

    Snag_61e1c8f.png

    警戒线预览效果:

    Snag_2e762d8b.png

    3.3 间隔背景

    • 默认间隔:根据横纵坐标轴的网格线给绘图区添加间隔背景。

    Snag_204057f6.png

    添加默认横向间隔效果如下图所示:

    image.png

    • 自定义间隔:可自定义添加多个间隔,不同间隔可设置为不同的颜色。如下图所示:

    纵向设置和横向设置一致,详细介绍可参见文档:图表自定义间隔背景 。

    Snag_205b3400.png

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持