帆软finereport问题分享

1、图表提示点自定义

问题: 图表提示点自定义怎样取到数据集的其他字段?
解决方案:使用函数FR.remoteEvaluate和Value(设计器中的数据集名称,数据集列号)


```javascript
function() 
return '<div style="color:white;"><h3 align="center" style="display:none;">' 
+this.category + 
'</h3>  ' 
+'名称 '+ FR.remoteEvaluate('=VALUE("数据集名称",列,行)')+'</div>' ;
}

在这里插入图片描述

2、气泡图问题

问题:气泡图,气泡重叠,设置了悬浮提示,但是只能显示气泡大的提示,小气泡没办法显示提示?
解决方案:让小气泡悬浮在大的气泡上面,通过对气泡值的大小值,在sql里进行排序,气泡图在前台渲染的时候会按顺序进行渲染。

3、折线图标签

问题:一个图例有多个折线图,想突出某个指标,有什么办法让值显示其中一条线的标签,其他指标的的标签不显示。
解决方案:在特效里加条件显示,如图
在这里插入图片描述

4、超级链接

问题:如果要不同的参数下,跳转的链接也不同,要如何处理?
解决方案:存在一个不同参数对应不同链接的表,在单元格里拖入链接字段,添加超级链接->JavaScript脚本,并添加跳转方法

var url_real=a;
window.open(url_real);

如图所示
在这里插入图片描述

5、隐藏滚动条方法

问题:报表块内容过多时,会出现横向和纵向滚动条,在看板、大屏应用中下非常影响报表美观。为了报表美观,如何隐藏出现的滚动条呢?
解决方案一:安装自定义滚动条,这个插件是收费的,有经费可以选择,最方便的方法,也比较美观,就不做赘述了。下载地址是https://market.fanruan.com/plugin/4f76c835-9fdf-4010-825e-23d453382622
解决方案二:使用JS 代码获取报表块的整体宽度,通过修改报表的宽度,将滚动条隐藏。隐藏后可以通过鼠标滚轮上下滚动内容。在报表块的初始化事件中输入JS代码

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

在这里插入图片描述
解决方案三:和方法二都是通过js代码处理,此方法代码相对优雅。

var style=document.createElement('style');

style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提到过的`insertRule`,相对例子里的硬编码会更优雅点。

document.head.appendChild(style);

document.styleSheets[0].insertRule('::-webkit-scrollbar{overflow-x:hidden;}',0)

document.styleSheets[0].insertRule('::-webkit-scrollbar{ display: none; /* Chrome Safari */;}',0)

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值