Chart.js“display:none”问题

时间:2015-07-15 17:43:25

标签: javascript jquery charts jsfiddle chart.js

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

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

1 个答案:

答案 0 :(得分:1)

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

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