Home forums Using CanvasJS anvasJS chart rendering trouble in display:none div Reply To: anvasJS chart rendering trouble in display:none div

#27304

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);
});

});

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?

  • This reply was modified 1 week, 3 days ago by  fede72bari.