我的位置：首页 › 大数据分析-亿信BI › BI-心得体验 › 定义文本和表格悬停提示框样式的方法 ...

定义文本和表格悬停提示框样式的方法

复制链接 | 收藏本帖

2546

: yangqh 数据老手Lv5

发表于2019-11-1 11:06

楼主

报表模板中自带的表格和文本组件的悬停提示框默认样式有点丑，见下图：

如何修改这个提示框的字体、颜色、背景色、透明度呢？这里分享一个脚本给大家：

var oldshow = XFloatHint.prototype.show;
XFloatHint.prototype.show = function(x, y, innerhtml, delay, animation_time, stay_time, ignoreAdjustArrow){
oldshow.call(this,x, y, innerhtml, delay, animation_time, stay_time, ignoreAdjustArrow);
if(this.hintTarget.id=="HHH7"||this.hintTarget.id=="HHH8"||this.hintTarget.id==("GRID1.A1")){
//字体
$(".xfloat_container>.xfloat_content>.xfloat_text").css("font-family","华文彩云");
//字体大小
$(".xfloat_container>.xfloat_content>.xfloat_text").css("font-size","25px");
//字体颜色
$(".xfloat_container>.xfloat_content>.xfloat_text").css("color","blue");
//背景颜色
$(".xfloat_container>.xfloat_content>.xfloat_text").parent().parent().css("backgroundColor","red");
//透明度
$(".xfloat_container>.xfloat_content>.xfloat_text").parent().parent().parent().css("opacity","0.5");
}else{
$(".xfloat_container>.xfloat_content>.xfloat_text").css("font-family","'Microsoft Yahei', simsun");
$(".xfloat_container>.xfloat_content>.xfloat_text").css("font-size","12px");
$(".xfloat_container>.xfloat_content>.xfloat_text").css("color","rgb(0, 0, 0)");
$(".xfloat_container>.xfloat_content>.xfloat_text").parent().parent().css("backgroundColor","rgb(251, 251, 251)");
$(".xfloat_container>.xfloat_content>.xfloat_text").parent().parent().parent().css("opacity","1");
}
}

复制代码

该脚本写在报表模板高级属性-》脚本-》客户端脚本中。
其中this.hintTarget.id=="HHH7"||this.hintTarget.id=="HHH8"||this.hintTarget.id==("GRID1.A1")中的HHH7和HHH8是文本的组件代号，GRID1.A1是需要生效的表元，如果直接想绑定整个表格，写法为this.hintTarget.id.startsWith("GRID1")