历史版本8 :样式属性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