ASP MVC 页面加载中的 Highchart 无法正常工作

Question

我有一个关于在 ASP MVC5 中使用 Highchart 的问题。我有 6 个图表，我只显示第一页加载的图表。我在局部视图中用于图表创建和数据的所有标签。我的 javascript 也在局部视图中，我从局部视图中删除了 javascript 函数，但问题仍然存在。问题是我在部分视图中刷新数据并每分钟显示一次通过

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

你能帮忙解决这个问题吗？此致

Answer 1

尝试如下操作：

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

ASP MVC 页面加载中的 Highchart 无法正常工作

Highchart in ASP MVC page load not working properly

javascript

asp.net-mvc

asp.net-mvc-partialview

highcharts