Question

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

＆＃13;

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

＆＃13;

但是在下一分钟刷新页面显示所有图表不仅是一个。

我的职能是：

＆＃13;

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

＆＃13;

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

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无法正常工作

1 个答案: