[老]图例默认不显示某个系列

目录:

1. 问题描述

在设计报表时,根据业务需求需要图表默认不显示某个系列(即初始化隐藏某个系列,点击图例中的隐藏的系列再显示)。


老图表:

2. 实现思路

通过图表提供的js接口:chart.setSeriesInvisible([index])实现隐藏系列。

附:  老图表js接口请参考:老图表js接口 

新特征图表js接口请参考:[新]图表显示部分系列接口


3. 示例一

在老图表中实现
3.1 模板准备
打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\Chart\Chart.cpt
3.2 修改模板数据
修改图表系列名为产品:
3.3 添加加载结束事件
打开模板-模板web属性-分页预览设置,选择为该模板单独设置,添加加载结束事件:
输入下面的js代码:
setTimeout(function(){ chart1=FR.Chart.WebUtils.getChart("Float0"); //获取chart对象 chart1.setSeriesInvisible([0,1,2]); //隐藏前三个系列 },200);
注:js中的系列序号从0开始。
图表js接口可查看开放部分图表js接口
保存模板,使用分页预览即可。
3.4 默认不显示所有系列
如要设置所有系列默认不显示,可在事件设置窗口右上角添加参数series,值用公式:RANGE(0,COUNT(UNIQUEARRAY(SQL("FRDemo","select 产品 from 销量",1)))-1) ,从数据库中查出系列值,去重后求个数,然后用RANGE()函数扩展出所有系列的序号值。
将第三行代码改为:chart1.setSeriesInvisible(series)即可。
保存模板,预览效果如下:

附件列表


主题:
标签: 已验证

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201