Chart.js "display: none" Issue

Question

Я искал темы для решения этого вопроса, и я попробовал несколько разных хаков - безрезультатно. У многих людей были проблемы с использованием диаграммы JS, вложенной в Tabs. В моем проекте я помещаю 3 или более диаграмм в категорию, в которой можно выбрать с помощью опции выбора>. Когда пользователь выбирает параметр, я хочу, чтобы эти диаграммы отображались. Вы можете увидеть логику в JSFiddle ниже. Я знаю, что я могу немного сократить мой код, но это уже в другой раз. Пока я просто хочу, чтобы эти графики показывались! В качестве теста вы можете прокомментировать css display:none;, и вы увидите, что функции диаграммы должны быть такими, как предполагалось, но в том числе и изначально - это то, что я хотел бы сделать, и все еще имею функцию. У кого-нибудь еще есть идеи по устранению этой проблемы?

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

Answer 1

Не уверен, что проблема, но если добавить $(".surveyResults").hide(); внутри вашей функции вместо добавления дисплея: нет; в CSS он будет работать.

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