反馈已提交

网络繁忙

样式属性style

  • 文档创建者:RosieY
  • 历史版本:8
  • 最近更新:RosieY 于 2023-01-31
  • 报表服务器版本移动端版本功能变动
    11.0.7
    11.0.70新增样式属性 style
    11.0-

    -

    样式属性 style,JS API 中有样式参数的接口中使用,符合 css 的规范,用来设置边框、背景、颜色、文字等样式。如showToolTip(opts) 中用 style 来设置提示框的样式、setStyle(opts) 中用 style 来设置单元格的样式。

    支持的属性见下表:

    分类
    字段样式说明是否支持移动端

    文本样式
    fontWeight是否粗体                                     
    fontStyle是否斜体
    fontFamily字体
    fontSize字号
    color字体颜色
    lineHeight文本高度
    边框样式
    border上下左右边框
    borderTop上边框
    borderBottom下边框
    borderLeft左边框
    borderRight右边框

    对齐方式

    注:普通报表不支持对齐方式属性

    padding内边距
    paddingTop顶部填充
    paddingBottom底部填充
    paddingLeft左缩进
    paddingRight右缩进
    lineHeight文本行高/行间距
    verticalAlign

    单元格内元素垂直对齐方式

    textAlign文本水平对齐方式

    示例:

    1)使用 setStyle(opts) 给将决策报表中 report0 报表块 A1 单元格的字体设置为红色、加粗、14 号:

    _g().getWidgetByName('report0').getCell(1,1).setStyle({
    fontSize: 14,
    color: 'red'
    })

    使用在模板中时,如点击按钮修改单元格的样式:

    2022-08-16_19-47-08.gif

    点击可下载模板:获取单元格后修改单元格样式.frm

    2)使用 showToolTip(opts) 给决策报表中 report0 报表块设置一个字体加粗、字号 14、字型为“华文隶书”的提示框: 

    _g().getWidgetByName('report0').showToolTip({
    show: true, // 是否会出现弹窗
    style: { // 可选字段,不指定为默认样式,支持css标准样式的字段
    fontWeight: true,
    fontFamily: '华文隶书',
    fontSize: 14
    //符合css规则
    }
    });

    使用在模板中时,如给表格设置一个提示框: 

    点击可下载模板:鼠标悬浮单元格图片提示.frm

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭