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)