CSV 文件未重新加载（Google GeoCharts）答案

【问题标题】：CSV file not reloading (Google GeoCharts)CSV 文件未重新加载（Google GeoCharts）
【发布时间】：2017-12-05 14:11:39
【问题描述】：

我正在使用 https://github.com/evanplaice/jquery-csv 加载 csv 文件。在我尝试重新加载 .csv 文件并将新数据加载到 GeoCharts 之前，一切正常。我知道重新加载文件有问题，但如何处理呢？下面是示例代码：

function load(file, colorForSex){

    var region = $('select[name="region"] option:selected').val();

    setTimeout(1000);

    $.get(file, function(data) {

        var newData = $.csv.toArrays(data);

        var j = 1;

        for (var i = 1; i < newData.length; i++) {
           newData[i][j] = parseFloat(newData[i][j]);
        }

    }, 'text');

    console.log(newData[1][1]);


    setTimeout(1000);

    var data = google.visualization.arrayToDataTable(newData);

    var options = {
        region: region,
        backgroundColor: 'none',
        chartArea: { width: '100%', height: '100%' },
        colorAxis: {colors: ['#ddd', colorForSex]},
        datalessRegionColor: 'white',
        legend: {
            numberFormat: '.##',
            textStyle: {
                fontName: 'Verdana',
                color: '#ff1a1a',
                fontSize: 14
            }
        }   
    };

    setTimeout(1000);


    chart.draw(data, options);
}

【问题讨论】：

为什么你有两个电话给setTimeout？如果您使用它来暂时停止代码执行，我认为它不会那样做。
我还以为是加载错误什么的。

标签： javascript jquery google-api google-visualization jquery-csv

【解决方案1】：

需要在$.get函数中包含其余的图表代码

$.get 是异步的

因此，代码在$.get函数在$.get函数完成之前运行

看下面的sn-p...

function loadData(file, colorForSex){
  var region = $('select[name="region"] option:selected').val();
  var file = file + '?q=' + Math.random();
  $.get(file, function(data) {
    var processedData = $.csv.toArrays(data);
    var j = 1;
    for (var i = 1; i < processedData.length; i++) {
      processedData[i][j] = parseFloat(processedData[i][j]);
    }

    var data = google.visualization.arrayToDataTable(processedData);

    var options = {
      region: region,
      backgroundColor: 'none',
      chartArea: { width: '100%', height: '100%' },
      colorAxis: {colors: ['#ddd', colorForSex]},
      datalessRegionColor: 'white',
      legend: {
        numberFormat: '.##',
        textStyle: {
            fontName: 'Verdana',
            color: '#ff1a1a',
            fontSize: 14
        }
      }   
    };

    chart.draw(data, options);
  }, 'text');
}

【讨论】：

【解决方案2】：

你可以在文件中添加一些参数来禁用缓存

替换： $.get(file, function(data) {

到： var d = new Date(); $.get(file + '?' + d.getTime(), function(data) {

【讨论】：