历史版本6 :样式属性style 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
版本 | 功能变动 |
---|---|
11.0.7 | 新增样式属性 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'
})
使用在模板中时,如点击按钮修改单元格的样式:
点击可下载模板:获取单元格后修改单元格样式.frm
2)使用 showToolTip(opts) 给决策报表中 report0 报表块设置一个字体加粗、字号 14、字型为“华文隶书”的提示框:
_g().getWidgetByName('report0').showToolTip({
show: true, // 是否会出现弹窗
style: { // 可选字段,不指定为默认样式,支持css标准样式的字段
fontWeight: true,
fontFamily: '华文隶书',
fontSize: 14
//符合css规则
}
});
使用在模板中时,如给表格设置一个提示框:
点击可下载模板:鼠标悬浮单元格图片提示.frm