ASP中的Highchart MVC頁面加載不能正常工作

我有一個在ASP MVC5中使用Highchart的問題。我有6個圖表，我只顯示第一個頁面加載的圖表。我所有的圖表創建和partialview中的數據標籤。我的JavaScript也在partialview中，我從部分視圖中刪除了javascript函數，但問題仍然存在。問題是我在局部視圖刷新數據並顯示每一分鐘通過ASP中的Highchart MVC頁面加載不能正常工作

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

但不僅顯示所有圖表的一個下一分鐘刷新頁面後。

我的職責是：

$('.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(); 
 
    });

你能幫上這個問題？問候

來源

2017-06-29 M. Emre Yazgan

你在哪裏放置'$（窗口）.load（函數（事件）{。 ..''是否在partialView？ –

第一個部分視圖，然後將它從partialview中移除並放在主視圖中，但問題仍然存在 –

Hide func在$（window）.load（function（event）{...'和定時器加載'/ Dashboard/GetShow'部分視圖中）。所以，隱藏功能應該放在刷新的partialview中。我的意思是，你應該在刷新partialview後調用隱藏。 –

嘗試類似如下：

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

編輯：更好的方法

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

來源

2017-06-29 08:45:24

好的。我嘗試過，在您的建議之前，我會顯示6張圖表中的一張圖表。我把它標記爲html中的活動。一分鐘後顯示所有六個圖表。和你的建議後，視圖是這樣工作;它顯示首頁加載中的所有六個圖表，然後顯示一分鐘後執行一個圖表。我認爲它正在工作，但現在我有另一個問題，我將從第一次裝載做什麼？ –

好的。根據你的建議我糾正了這些功能。現在它工作得很好。謝謝。 –

很好...順便說一句，我更新了我的答案。 –

ASP中的Highchart MVC頁面加載不能正常工作

回答

相關問題