FineReport_特效、动态效果

1.轮播提示

setTimeout(function(){
var vanchart =FR.Chart.WebUtils.getChart("chart00").getChartWithIndex(0);
vanchart.openAutoTooltip();
},3000) 

2.表格滚动

setTimeout(function() {
       //隐藏报表块report0的滚动条（此报表块名为report0，根据具体情况修改）
    $("div[widgetname=REPORT7]").find(".frozen-north").css({
        'overflow-x':'hidden',
        'overflow-y':'hidden'
    });
    $("div[widgetname=REPORT7]").find(".frozen-center").css({
        'overflow-x':'hidden',
        'overflow-y':'hidden'
    });
 
},1000);
 
window.flag1 = true;
var self1 = this;
//鼠标悬停，滚动停止
setTimeout(function() {
    $("div[widgetname=REPORT7]").find(".frozen-center").mouseover(function() {
        window.flag1 = false;
    });
 
    //鼠标离开，继续滚动
    $("div[widgetname=REPORT7]").find(".frozen-center").mouseleave(function() {
        window.flag1 = true;
    });
 
    var old = -1;
    var interval = setInterval(function() {
        if (!self1.isVisible()) {
            return;
        }
        if (window.flag1) {
            currentpos1 = $("div[widgetname=REPORT7]").find(".frozen-center")[0].scrollTop;
            if (currentpos1 == old && 0!=currentpos1) {
                $("div[widgetname=REPORT7]").find(".frozen-center")[0].scrollTop = 0;
            } else {
                old = currentpos1;
                //以25ms的速度每次滚动1.5PX
                $("div[widgetname=REPORT7]").find(".frozen-center")[0].scrollTop = currentpos1 + 1.5;
            }
        }
    },
    25);
},
1000);

3.改变控件背景颜色

setInterval(function(){
 $(".fr-trigger-btn-up").css("background-color", "#08283f");
 $(".fr-trigger-btn-up").css("border-color", "#08283f");
 $(".fr-trigger-texteditor").css("font-family", "微软雅黑");
 $(".fr-trigger-texteditor").css("background-color", "#08283f");
 $(".fr-trigger-texteditor").css("color", "white");
 $(".fr-border-box").css("border-color", "#08283f");
 $(".fr-combo-list-item").css("background-color", "#08283f");
 $(".fr-combo-list-item").css("border-color", "#08283f");
// $(".fr-combo-list-item").css("border", "1px solid red");
 $(".fr-combo-list-item").css("color", "white");
 $(".fr-combo-selected").css("border-color", "#08283f");
 $(".fr-combo-list-item-noselect").css("border-color", "#08283f");
 },0);

   

4.js隐藏滚动条，决策报表中使用

setTimeout(function() {
var a = 'report9_c'; //获取对应报表块名称
var b = a.toUpperCase(); //防止大小写出现误差，此处自动将名称转成大写
var wid = ($("div[widgetname='" + b + "']").width() - 17) + 'px'; //获取报表块宽度
$("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度
var height = ($("div[widgetname='" + b + "']").height() - 18) + 'px'; //获取报表块高度
$("div[widgetname='" + b + "']").css('height', height); //重置报表块高度
}, 100);

5.报表cpt中数据分析预览模式下报表居中显示

加载结束后

ms = $('.html-content').length;//判斷是否爲多sheet
if (ms != 0){
//多sheet
ff=$(".frozen-table",$('.html-content:visible')).length//判斷當前sheet是否有凍結
if (ff == 0) {
//未凍結
var slmargin = ($(".content-container").width()-$(".sheet-container div:first-child",$('.html-content:visible')).width())/2;
if (slmargin > 0) {
$('.sheet-container',$('.html-content:visible')).css('margin-left',slmargin); 
$(".x-table",$('.html-content:visible')).css('left',slmargin);
$(window).resize();
}
}
else {
//凍結
var slmargin=($(".content-container").width()-$('.x-table',$('#frozen-center'),$('.html-content:visible')).width()-$('.x-table',$('#frozen-west'),$('.html-content:visible')).width())/2;
if (slmargin > 0) {
$('.sheet-container',$('.html-content:visible')).css('margin-left',slmargin);
$(window).resize();
}
}
}
else {
ff=$(".frozen-table").length//判斷當前sheet是否有凍結
//單sheet
if (ff == 0) {
//未凍結
slmargin = ($(".content-container").width() - $(".sheet-container div:first-child").width()) /2;
if (slmargin > 0) {
$('.sheet-container').css('margin-left',slmargin); 
$(".x-table").css('left',slmargin);
$(window).resize();
}
}
else {
//凍結
slmargin=($(".content-container").width()-$('.x-table',$('#frozen-center')).width()-$('.x-table',$('#frozen-west')).width())/2;
if (slmargin > 0) {
$('.sheet-container').css('margin-left',slmargin); 
$(window).resize();}
}
}

6、js隐藏滚动条普通分析报表中使用

加载结束后

 普通报表中隐藏横向的滚动条

_g().setHScrollBarVisible(false);

普通报表中隐藏纵向的滚动条

_g().setVScrollBarVisible(false);

7、决策报表隐藏滚动条加延迟函数，避免错误

决策报表中隐藏 report0 报表块的横向滚动条

setTimeout(function(){
     _g().getWidgetByName('report0').setHScrollBarVisible(false);
}, 500);

决策报表中隐藏 report0 报表块的纵向滚动条

setTimeout(function(){
     _g().getWidgetByName('report0').setVScrollBarVisible(false);
}, 500);