版本
| 版本 | 功能变动 |
|---|---|
| 11.0 | 和 10.0 区别： 新增 addEffect 接口 |
addEffect
| 方法 | addEffect(type, opts) | 鼠标悬浮单元格时出现提示框 |
|---|---|---|
| 参数 | type: string, opts: { address: string, text: string, image: string， header：string } | type：提示类型，字符串
opts：提示属性，json 格式 1）address：单元格地址，字符串，如 'A1' 2）text：提示的内容，字符串 3）image：图片 URL 路径，字符串，图片格式支持 pn g、jpg。图片来源可以为网页图片， 如 ： 也可以将图片放置在报表工程目录 %FR_HOME%\webapps\webroot 下，通过URL 访问。如： 4）header：标题，字符串，image 存在时生效 注：image 和 text 属性同时存在时，只生效 text 属性 |
| 返回值 | void | |
| 示例 | 见示例章节 | |
| 应用示例 | 鼠标悬浮 A1 单元格时出现提示框，提示内容为“订单ID10001”： 更多示例见示例章节。
| |
| 移动端 | type 为 showTooltip 时不支持移动端 | |
以下内容为接口示例，分文字提示、图片提示，分别对应 type 参数的两个值。
单元格文字提示
代码示例
示例1：若获取到的报表块对象定义为 report ，鼠标悬浮 A2 单元格时出现提示框，提示内容为“订单ID10001”
report.addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});
示例2：普通报表中，鼠标悬浮 A2 单元格时出现提示框，提示内容为“订单ID10001”：
_g().addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});
示例3：FVS 可视化看板中，鼠标悬浮 表格1_页面1 的 A2 单元格时出现提示框，提示内容为“订单ID10001”：
duchamp.getWidgetByName('表格1_页面1').addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});
示例4：决策报表中，鼠标悬浮在 report0 报表块 A2 单元格上时出现提示框，提示内容为“订单ID10001”：
注：在决策报表中使用该接口，鼠标悬浮出现提示后，需要点击下报表其他任意位置，提示才会消失。
_g().getWidgetByName('report0').addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});应用示例
鼠标悬浮 A2 单元格时出现提示框，提示内容为“订单ID10001”
点击可下载普通报表模板：鼠标悬浮单元格文字提示.cpt
点击可下载 FVS 可视化看板模板：FVS鼠标悬浮单元格文字提示.fvs
单元格图片提示
代码示例
示例1：若获取到的报表块对象定义为 report ，鼠标悬浮 A2 单元格出现帆软 log 字样：
report .addEffect('showTooltip', {
address: "A2",
image:"https://www.fanruan.com/images/logo-fanruan.png"
});示例2：普通报表中，鼠标悬浮 A2 单元格出现帆软 log 字样：
_g().addEffect('showTooltip', {
address: "A2",
image:"https://www.fanruan.com/images/logo-fanruan.png"
});
示例3：FVS 可视化看板中，鼠标悬浮 表格1_页面1 的 A2 单元格时出现出现帆软 log 字样：
duchamp.getWidgetByName('表格1_页面1').addEffect('showTooltip', {
address: "A2",
image:"https://www.fanruan.com/images/logo-fanruan.png"
});示例4：决策报表中，鼠标悬浮 A2 单元格出现帆软 log 字样：
注：在决策报表中使用该接口，鼠标悬浮出现提示后，需要点击下报表其他任意位置，提示才会消失。
_g().getWidgetByName('report0').addEffect('showTooltip', {
address: "A2",
image: "https://www.fanruan.com/images/logo-fanruan.png"
});应用示例
鼠标悬浮 A2 单元格出现帆软 log 字样
点击可下载普通报表模板：鼠标悬浮单元格图片提示.cpt
点击可下载 FVS 可视化看板模板：FVS鼠标悬浮单元格图片提示.fvs
上一篇：修改行高列宽接口
