Question

我有2张图表（使用Highcharts），在一页上有不同的数据。要可视化的数据来自CSV文件。我的代码到目前为止工作，图表显示CVS内容可视化。但是：我需要每5分钟重新加载一次CSV，因为每隔5分钟就会在这些CSV文件中写入新数据。如何以最佳方式执行重新加载？我的代码生成2个图表：

$.get('chart_1.csv', function(csv) {
 $('#chart_1').highcharts({
    chart: {
        type: 'column'
    },
    data: {
        csv: csv
    }
 });
});

$.get('chart_2.csv', function(csv) {
 $('#chart_2').highcharts({
    chart: {
        type: 'column'
    },
    data: {
        csv: csv
    }
 });
});

Answer 1

使用setInterval，将你的ajax放在函数中。

function function1() {
    //do your AJAX stuff here
}
setInterval(function1, 300000); //300000 MS == 5 minutes

如果你想在加载时显示图形，请使用：

$(window).load(function() {
//ajax function here
}

Reference.

Answer 2

每次都有一种方法可以读取更新的csv文件。默认情况下，ajax请求使用缓存。您可以使用以下命令更改它：$ .ajaxSetup（{cache：false}）; 这是在使用$ .get之类的隐式ajax请求时执行此操作的方法。否则，只需添加＆＃34; cache：false＆＃34;在你的ajax语句列表中。

Highcharts - 加载和刷新csv

2 个答案: