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

编辑
文档创建者:cherishdqy (66470 )     浏览次数:1611次     编辑次数:5次     最近更新:susie 于 2018-03-28     

目录:

1. 问题描述编辑

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


老图表:

222

新(特征)图表:

222

2. 实现思路编辑

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

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

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


3. 示例一编辑

在老图表中实现
3.1 模板准备
打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\Chart\Chart.cpt
3.2 修改模板数据
修改图表系列名为产品:
222
3.3 添加加载结束事件
打开模板-模板web属性-分页预览设置,选择为该模板单独设置,添加加载结束事件:
222
输入下面的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()函数扩展出所有系列的序号值。
222
将第三行代码改为:chart1.setSeriesInvisible(series)即可。
222
保存模板,预览效果如下:
222

附件列表


主题: 图表应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?