Highchart in ASP MVC Seitenladung funktioniert nicht richtig

Question

Ich habe eine Frage für Highchart mit ASP MVC5. Ich habe 6 Diagramme und ich zeige nur das für die erste Seite laden. Alle meine Tags für die Erstellung von Diagrammen und Daten in Teilansicht. mein Javascript ist auch in Teilansicht und ich entfernte die JavaScript-Funktion aus der Teilansicht, aber das Problem ist immer noch an. Das Problem ist, ich bin Auffrischen der Daten in Teilansicht und zeigen jede Minute von

$(function() { 
 
     setInterval(function() { $('#container').load('/Dashboard/GetShow'); }, 60000); 
 
    });

aber nach der nächsten Minute refresh Seite zeigt alle Diagramme nicht nur das eine.

meine Funktionen sind:

$('.show-chart').click(function (event) { 
 
     event.preventDefault(); 
 
     $('.chart-title').html($(this).attr('title')); 
 
     $('.chart-section').hide(); 
 
     $('.show-chart').removeClass('active'); 
 
     $($(this).attr('href')).show(); 
 
     $(this).addClass('active'); 
 
    }); 
 

 
    $(window).load(function (event) { 
 
     $('.chart-section').hide(); 
 
     $('.chart-title').html($('.show-chart.active').attr('title')); 
 
     $($('.show-chart.active').attr('href')).show(); 
 
    });

Könnten Sie zu diesem Thema helfen? Grüße

Answer 1

Probieren Sie etwas wie folgt vor:

$(function() { 
    setInterval(function() { $('#container').load('/Dashboard/GetShow', function() { 
     $('.chart-section').hide(); 
     $('.chart-title').html($('.show-chart.active').attr('title')); 
     $($('.show-chart.active').attr('href')).show(); 
    }); }, 60000); 
}); 

---

EDIT: besserer Ansatz

function hideCharts() 
{ 
    $('.chart-section').hide(); 
    $('.chart-title').html($('.show-chart.active').attr('title')); 
    $($('.show-chart.active').attr('href')).show(); 
} 

$(function() { 

    // When page first load 
    hideCharts(); 

    // Every time interval 
    setInterval(function() { $('#container').load('/Dashboard/GetShow', function() { 
     hideCharts(); 
    }); }, 60000); 
});