点击柱形图的柱子后，将图形隐藏，点击空白区域无效

需求：

点击柱形图的柱子后，将图形隐藏，点击空白区域无效；

帮助文档中：JS实现隐藏决策报表组件

实现的效果是无论点击图形哪里都会将图形隐藏，与实际需求不符

image.png
ekDan 发布于 2020-12-9 10:46 （编辑于 2020-12-9 11:08）
1min目标场景问卷 立即参与
回答问题
悬赏：4 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共4回答
最佳回答
0
张洪威Lv6高级互助
发布于2020-12-9 11:00（编辑于 2020-12-9 11:13）

把你现在的这句替换成这个就行了。

$("div[widgetname='CHART0']").remove();


Form4.frm



GIF 2020-12-9 11-10-40.gif
举报 收起评论(6)
  • ekDan ekDan(提问者) 您好，没有反应呢，组件名称也是用的大写
    2020-12-09 11:12 
  • 张洪威 张洪威 回复 ekDan(提问者) 你是不是图表块名字不是chart0，f12找到对应的widgetname改下就行，点柱子才隐藏，其他地方不隐藏。
    2020-12-09 11:14 
  • ekDan ekDan(提问者) 回复 张洪威 是的，我的名字有下划线，估计是因为下划线的事，修改图表块名称就可以了，感谢大佬！
    2020-12-09 11:16 
  • ekDan ekDan(提问者) 那我要是加个按钮，点击这个按钮让remove的div如何再展示出来呢
    2020-12-09 11:28 
  • 张洪威 张洪威 回复 ekDan(提问者) 那就把remove换成toggle，同样的语句放到按钮里面。
    2020-12-09 11:57 
最佳回答
0
唱跳rap全能选手Lv7中级互助
发布于2020-12-9 10:52（编辑于 2020-12-9 10:54）

点击柱子，隐藏整个chart图？

参考这个文档

JS实现隐藏决策报表组件-https://help.fanruan.com/finereport/doc-view-1736.html
举报 收起评论(4)
  • ekDan ekDan(提问者) 对的。
    2020-12-09 10:53 
  • ekDan ekDan(提问者) 您好，这个js只能加在柱形图的点击事件当中，也就是说我只要点击这个图形就会隐藏，而不是点击柱子才会隐藏
    2020-12-09 10:59 
  • 唱跳rap全能选手 唱跳rap全能选手 回复 ekDan(提问者) 你在最外面对整个图形加个点击事件_g().getWidgetByName(\'chart0\').setVisible(false); 不就可以了吗
    2020-12-09 11:01 
  • ekDan ekDan(提问者) 回复 唱跳rap全能选手 您好， _g().getWidgetByName(\\\'chart0\\\').setVisible(false)实现的效果是：我点击柱形图的任意地方都会将图形隐藏 我的需求是：点击图形中的柱子，将图形隐藏，点击其他空白区域是无效的
    2020-12-09 11:05 
最佳回答
0
luojian0323Lv7资深互助
发布于2020-12-9 10:52（编辑于 2020-12-9 10:57）

是相当于隐藏当前系列的意思吗？image.png
举报 收起评论(2)
  • ekDan ekDan(提问者) 您好，是要隐藏掉整个图形
    2020-12-09 10:55 
  • ekDan ekDan(提问者) 您好，这个js实现的效果是无论点击图形哪个位置都会隐藏，并不是点击柱子才可以
    2020-12-09 11:10 
最佳回答
0
ColdmanLv6高级互助
发布于2020-12-9 11:02（编辑于 2020-12-9 11:13）

image.png
举报 收起评论(3)
  • ekDan ekDan(提问者) 您好，这个js实现的效果是无论点击图形哪个位置都会隐藏，并不是点击柱子才可以
    2020-12-09 11:09 
  • Coldman Coldman 回复 ekDan(提问者) 更新了
    2020-12-09 11:13 
  • ekDan ekDan(提问者) 回复 Coldman 已解决，谢谢！！
    2020-12-09 11:17 
  • 5关注人数
  • 854浏览人数
    • 最后回答于：2020-12-9 11:13
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部