反馈已提交

网络繁忙

组件属性

  • 文档创建者:Leo.Tsai
  • 编辑次数:7次
  • 最近更新:Alicehyy 于 2022-09-14
  • 1. 概述

    1.1 版本

    报表服务器版本
    功能变动
    11.0组件样式新增「跟随主题」设置

    1.2 应用场景

    在决策报表中,图表块、报表块、Tab 块统称为组件。

    选中组件后,在右下角属性面板中的即可设置组件的各项属性,包括组件名称、坐标尺寸以及样式设置。

    如下图所示:

    Snag_9933450e.png

    2. 组件名称

    组件名称默认为 组件类型+数字后缀 ,例如图表块为 chart0 。不支持为空或重复。

    3. 组件坐标尺寸

    1)组件位置只有在「绝对布局」下可以手动设置。「自适应布局」时,只能通过拖拽组件去移动位置。如下图所示:

    Snag_99456b3c.png

    2)组件大小在「自适应布局」下,宽度限制最小为 36,高度限制最小为 21。「绝对布局」无限制。

    在「自适应布局」下,拖拽组件时,会自动限制,若手动调整坐标值,会弹出提示。如下图所示:

    0E98FDCA-F159-4557-94C7-C33E223EB701.GIF

    4. 组件样式

    4.1 跟随主题

    组件样式默认「跟随主题」,此时标题仅可设置是否可见以及标题内容。主题中组件样式的设置请参见文档:模板主题管理

    Snag_2072acc.png

    4.2 自定义

    选择「自定义」时可分别设置组件的标题、主体和外沿样式。

    4.2.1 标题样式

    注:Tab 块无组件标题样式设置项。

    样式设置选择「自定义」时,标题样式设置项如下图所示:

    Snag_20a5c1f.png

    前端预览时所处的位置如下图所示:

    1627885523146275.png

    标题的各设置项介绍如下表:

    设置项作用
    标题可见

    图表块默认勾选,报表块默认不勾选

    预览时标题显示在组件主体内容上方。取消勾选则不显示标题

    文本可直接在编辑框中输入标题文本信息,若使用右侧公式按钮编辑,文本必须带上双引号
    字符标题内容的字符格式,包括字体、字号、颜色、倾斜、加粗、下划线
    标题图案

    给标题添加一个图案:

    1627886656685798.png

    图案支持的图片格式:gif、jpg、png、bmp。且可以设置图标的对齐位置和图文间隔:

    1627886853127865.png

    如果设置图案后想清除掉图案,可将鼠标悬浮在图案上方,图案右上角会出先删除按钮,点击即可删除:

    1627887220232653.png

    位置设置标题内容的对齐位置:靠左、居中、靠右
    标题填充

    可设置标题区域的背景填充,填充方式包括:没有背景、颜色、图片、渐变色。标题填充区域如下图所示:

    1627887546906598.png

    注:标题背景渐变色设置的不透明度不支持移动端展示

    4.2.2 主体内容

    样式设置选择「自定义」时,主体内容设置项如下图所示:

    Snag_212e879.png

    前端预览时填充的区域如下图所示:

    1627888001802834.png

    填充方式包括:没有背景、颜色、图片、渐变色。使用图片填充时,有四种图片自适应样式,分别如下:

    • 默认:即原图显示,如果原图大小大于组件大小,则从左上角开始显示,多出部分截断不显示。

    • 平铺:即图片重复以铺满组件。

    • 拉伸:即以图片组件宽高进行自适应,如果图片小于组件大小则拉伸图片填充组件,否则压缩图片填充组件。

    • 适应:即以图片宽高原比例自适应组件大小。

    4.2.3 外沿样式

    样式设置选择「自定义」时,外沿样式设置项如下图所示:

    Snag_2160559.png

    前端预览时组件边框包围了标题和主体内容,如下图所示:

    Snag_bebb35.png

    边框各设置项的介绍如下表:

    设置项作用
    渲染风格

    有两个选项:普通、阴影。设置为普通时无任何渲染特效,设置为阴影时,边框周围会有阴影

    注:不支持移动端

    边框

    可以设置为:无、自定义图片、线条

    当设置为线条时,边框包括标题部分可设置线条颜色,

    当设置为自定义图片时,可以使用 点九图 来填充,这个功能可以很好地解决图片被拉伸变形的问题

    注:Tab 块不支持边框设置为自定义图片

    圆角

    定义边框四个角的弧度。例如下图四个角为圆角

    1627889648696798.png

    注:Tab 块无圆角设置项

    内边距

    「主体内容及标题」与「边框」之间的距离。

    注:Tab 块无内边距设置项


    附件列表


    主题: 决策报表应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    在线QQ(将在2023.01.05关停):800049425

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭

    7*24h

    智 能客 服