决策报表如何实现图片点提示自定义

各位大佬,目前是11的版本,用户想实现图片横向滚动,当鼠标悬浮在图片上时候,显示该图片的两个指标,且悬浮框的背景颜色也希望能够自定义,这个能否实现呢?鼠标悬浮提示.png

FineReport 惜嘘嘻唔呼哈 发布于 2023-12-11 15:25
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
GGGGGGGGGLv5初级互助
发布于2023-12-11 15:45(编辑于 2023-12-11 15:58)

图片可以放在决策报表的报表块里,报表块的内容显示方式选:不自动调整,然后使用报表块的跑马灯接口就可以横向滚动;

image.png

悬浮提示可以使用单元格的内容提示,如果内容需要换行或绑定数据集数据,可以用公式先写好内容,再引用到内容提示里,如图

image.png

具体操作请参考如下文档说明:

1、悬浮框背景颜色自定义,我没有验证过,如果无效就没办法了,而且需要你自己写css样式了,

参考文档:JS修改内容提示框字体样式-https://help.fanruan.com/finereport/doc-view-3486.html

2、图片横向滚动可以通过报表块的跑马灯接口实现,

参考文档:跑马灯接口-https://help.fanruan.com/finereport/doc-view-4299.html

最佳回答
0
ID1208Lv6高级互助
发布于2023-12-11 16:20(编辑于 2023-12-11 16:22)

image.png

提示内容简单的文字+换行,单元格提示是支持的,如果需要其他的HTML样式,不支持显示

Form1.rar

  • 惜嘘嘻唔呼哈 惜嘘嘻唔呼哈(提问者) 我这边测试下来也是这样的,要是单元格提示这块能提供一个写JS的就好了
    2023-12-11 17:04 
最佳回答
0
luozhiweiLv5见习互助
发布于2023-12-11 17:04(编辑于 2023-12-15 16:56)

_g().getWidgetByName('report1').showToolTip({

show: true, // 是否会出现弹窗

content: { // 可选字段,不指定即为显示文字,内容为cell.getValue();

text: "增量:本期YTD-上期YTD\n增幅:(本期YTD-上期YTD)/abs上期YTD*100%", // 文字

},

style: { // 可选字段,不指定为默认样式,支持css标准样式的字段

"background": "red",//提示框背景颜色

"color": "red",//字体颜色

"border-color": "#f5f5f7",//边框颜色

"fontSize": 7,//字体大小

"FontFamily": '微软雅黑',//字体样式

}

});

模板.7z

image.png

  • 4关注人数
  • 363浏览人数
  • 最后回答于:2023-12-15 16:56
    请选择关闭问题的原因
    确定 取消
    返回顶部