Chart.js "display: none" Problem
I searched for threads to resolve this issue and I tried several different hacks - to no avail. A lot of people have had problems using JS chart nested in Tabs. In my project, I put 3 or more charts in a category that can be selected using the select> option. When the user selects an option, I want these charts to be displayed. You can see the logic in the JSFiddle below. I know that I can shorten my code a little, but that's another time. For now, I just want these graphs to show! As a test, you can comment out the css display:none;
and you can see that the chart functions are as they are supposed to, but including the original - this is what I would like to do and still have the function. Anyone else have any ideas on how to fix this issue?
source to share
Not sure what the problem is, but if you add $(".surveyResults").hide();
inside your function instead of adding display: none; in CSS it will work.
JSFiddle: http://jsfiddle.net/0ogx35ot/12/
source to share