cognos点击按钮进行图表或表格切换

最近客户要求做点击按钮进行图表切换的查询,最后整出来,分享下,共同讨论进步。最后效果如下图:

1.jpg


制作步骤,
1,在页面添加图表,点按钮切换的图表数量有几个,就添加几个,比如我的是点击5个按钮进行切换,所以我添加了5张图表,如图:

上图只是其中一个图表的例子,其余的没有贴图上去。
2,使用html控件,手写div代码,将每个图表括起来,div代码如下:
div id="div1" style="display:block">

每个图表都用div括起来,div的id不能取相同的。
3,将每个图表使用div括起来以后,则在所有图表的最上层,添加2个html控件,其中一个写按钮的脚本,另一个写调用div的js。如图:

按钮的js如下:

  




点击按钮控制图表显隐的JS如下:
  
运行报表,查看到的结果就如开始所说那样了。。。写的不好 勿喷。
参与29

24同行回答

li_jintaoli_jintao交互工程师yf
谢谢分享显示全部

谢谢分享

收起
软件开发 · 2016-11-29
浏览1556
SpringSpring商业智能工程师广发银行
JS贴出来啊显示全部

JS贴出来啊

收起
银行 · 2016-04-27
浏览1538
wangqingninjawangqingninja软件开发工程师福州软件
楼主有什么办法,可以让图变为动态?比如曲线先有直线编程曲线这样的动态效果?显示全部
楼主有什么办法,可以让图变为动态?
比如曲线先有直线编程曲线这样的动态效果?收起
软件开发 · 2014-11-20
浏览1515
ztp777521ztp777521软件开发工程师数据报表
谢谢分享!显示全部
谢谢分享!收起
软件开发 · 2014-09-10
浏览1538
zhngwwwwzhngwwww软件开发工程师adtec
谢谢分享,学习一下。楼主好雅兴显示全部
谢谢分享,学习一下。
楼主好雅兴收起
银行 · 2014-09-09
浏览1488
keane_kkeane_k软件开发工程师11
回复 19# houruiyu     恩 看到了 。多谢LZ哈。显示全部
回复 19# houruiyu


    恩 看到了 。多谢LZ哈。收起
互联网服务 · 2014-09-09
浏览1492
houruiyuhouruiyu数据库开发工程师houruiyu
回复 18# keane_k 附件在另一个帖子呢   是补充过去的显示全部
回复 18# keane_k
附件在另一个帖子呢   是补充过去的收起
互联网服务 · 2014-09-09
浏览1566
keane_kkeane_k软件开发工程师11
回复 17# houruiyu     多谢LZ哈,不过没看到你的附件呢显示全部
回复 17# houruiyu


    多谢LZ哈,不过没看到你的附件呢收起
互联网服务 · 2014-09-03
浏览1537
houruiyuhouruiyu数据库开发工程师houruiyu
回复 12# keane_k     代码一上去就是符号了~~~我搞一个压缩包过去你自己下下吧显示全部
回复 12# keane_k


    代码一上去就是符号了~~~我搞一个压缩包过去你自己下下吧收起
互联网服务 · 2014-09-01
浏览1559
houruiyuhouruiyu数据库开发工程师houruiyu
回复 14# FinrodElensar    条件块没用过呢 ,不过哪天可以试试~~~显示全部
回复 14# FinrodElensar


   条件块没用过呢 ,不过哪天可以试试~~~收起
互联网服务 · 2014-09-01
浏览1536

提问者

houruiyu
数据库开发工程师houruiyu

相关问题

相关资料

问题状态

  • 发布时间:2014-06-13
  • 关注会员:5 人
  • 问题浏览:12816
  • 最近回答:2016-11-29
  • X社区推广