javascript - Chart.js "display:none"问题

标签 javascript jquery charts jsfiddle chart.js

我一直在寻找解决方案的线程,并且尝试了一些不同的 hack - 但无济于事。很多人在使用嵌套在某种选项卡中的图表 JS 时遇到问题。对于我的项目,我将 3 个或更多图表放入一个类别中,可以通过选择 > 选项进行选择。当用户选择我希望显示这些图表的选项时。您可以在下面的 JSFiddle 中看到逻辑。我知道我绝对可以稍微缩短我的代码,但那是以后的事了。现在我只想显示这些图表!作为测试,您可以注释掉 display:none; 的 css,您将看到图表按预期方式运行,但最初包括它是我想要做的,并且仍然有它的功能。还有其他人对如何解决此问题有任何想法吗?

JSFiddle:http://jsfiddle.net/mikemanusama/0ogx35ot/11/

最佳答案

不确定是什么问题,但如果您在函数中添加 $(".surveyResults").hide(); 而不是添加 display:none;在 CSS 中它将起作用。

JSFiddle:http://jsfiddle.net/0ogx35ot/12/

关于javascript - Chart.js "display:none"问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31437437/

相关文章:

javascript - D3.js 为带有内环的圆环图提供图例

javascript - 我怎样才能替换arguments.callee;在 JavaScript 中

javascript - 如何测试输入的宽度是否是手动设置的?

jquery - 向现有的 colorbox 调用添加回调?

php - 如何从 Bootstrap 模式在ajax中发布数据?

charts - 如何在谷歌折线图的边缘附加图像或图标

javascript - 如何在 MVC(AngularJS、HTML、PHP)中显示来自 SQL 数据库的特定数据

javascript - 如何在 React 中将状态从子组件发送到另一个组件

Javascript 安全错误

javascript - Chart.js/Angular-Chart 线外部样式问题