Home › Forums › Chart Support › anvasJS chart rendering trouble in display:none div › Reply To: anvasJS chart rendering trouble in display:none div
Thank you for answering. The DIVs with the chart are opened clicking on another DIV and managed with this script
$(‘.active_alarms_modification_div’).each(function(i, obj) { $(this).on(“click”, function(evt) { setTimeout(function(){ /* Toggle between adding and removing the “active” class, to highlight the button that controls the panel */ $(this).toggleClass(‘active’); /* Toggle between hiding and showing the active panel */ var panel = $(this).next(); if (panel.css(“display”) === “block”) { panel.css(‘display’, ‘none’); } else { panel.css(‘display’, ‘block’); } }, 100); }); });
$(‘.active_alarms_modification_div’).each(function(i, obj) { $(this).on(“click”, function(evt) { setTimeout(function(){
/* Toggle between adding and removing the “active” class, to highlight the button that controls the panel */ $(this).toggleClass(‘active’);
/* Toggle between hiding and showing the active panel */ var panel = $(this).next(); if (panel.css(“display”) === “block”) { panel.css(‘display’, ‘none’); } else { panel.css(‘display’, ‘block’); }
}, 100); });
});
so it is a display attribute, none/block, rather than a .collapse. By default, all the containers have the attribute display=”none” at the page loading. The page is made by several .css and js files so the only way i can reproduce it for you is to save the page as HTML and send all the files and folder to you in a zip file or giving to you the URL and credential to access that pages. Is this fine?