反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

组件属性

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

    1.1 版本说明

    报表服务器版本APP版本HTML5移动端展现插件功能变动
    10.0.18--报表块和图表块的属性界面改版,在该界面可以分别设置组件的标题、背景、边框
    10.0.1810.4.99010.4.990移动端支持展现改版后的属性界面设置

    1.2 应用场景

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

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

    如下图所示:

    1627885128855256.png

    2. 组件名称

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

    3. 组件坐标尺寸

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

    Snag_99a1f869.png

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

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

    4D05091E-5D4D-404E-9492-E022755D67F2.GIF

    4. 样式介绍

    4.1 组件标题

    属性界面设置的标题。

    1627885965105787.png

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

    1627885523146275.png

    标题的每个设置项介绍如下表所示:

    设置项作用
    标题可见

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

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

    文本直接在编辑框中输入标题文本信息,如果想使用右侧公式按钮编辑,请将文本带上双引号
    字符修改标题文本的格式,包括字体、字号、颜色、倾斜、加粗、下划线
    标题图案

    给标题区域添加一个图标:

    1627886656685798.png

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

    1627886853127865.png

    如果已经设置了图标,想清除掉这个设置,需要将鼠标悬浮在图片上方,点击显示出的删除按钮即可:

    1627887220232653.png

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

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

    1627887546906598.png

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

    4.2 组件背景

    属性界面设置的背景是指组件内容区域的背景。

    1627887817532265.png

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

    1627888001802834.png

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

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

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

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

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

    4.3 组件边框

    属性界面的边框,会同时将标题区域和内容区域框起来。

    1627888859251376.png

    前端预览时组件边框作用区域如下图所示:

    Snag_bebb35.png

    边框每个设置项的介绍如下表所示:

    设置项作用
    渲染风格

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

    注:移动端不支持

    边框

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

    注:新自适应插件 不支持边框设置为自定义图片

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

    圆角

    定义边框四个角的弧度,这四个角可以显示成圆角:

    1627889648696798.png


    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    7*24h

    智 能客 服