D3JS Daten laden und aktualisieren

Question

Ich verwende D3JS-Bibliothek, um eine CSV-Daten namens "data.csv" zu laden. Mit einem Klick auf den Button gebe ich auf der Konsole die Datenlänge aus. Mein Problem ist, dass wenn ich die Daten innerhalb "data.csv" zwischen zwei Aktionen auf der Schaltfläche ändern, werden die Daten nicht aktualisiert.

Zum Beispiel habe ich eine CSV mit 100 Daten und eine andere mit 200. Erstens habe ich meine 100 Daten CSV in meinem Ordner und drücken Sie die Schaltfläche "Lesen", kann ich auf der Konsole die Datenlänge überprüfen, ist es wie erwartet "Datenlänge = 100". Danach überschreibe ich die CSV-Datei mit den 200 Daten und drücke die Taste erneut, die Konsole zeigt immer noch die gleiche Datenlänge (100), meine Datenvariable wurde nicht mit den neuen Daten aus der neuen Datei aktualisiert.

Wie kann ich mein Datenaktualisierungsproblem lösen?

HTML

<button onclick="read_data()">Read</button> 

JavaScript

function read_data(){ 
    Plotly.d3.csv("data.csv", function(error, data) { 
     console.log("Data length = " + data.length) 
    }) 
} 

Answer 1

Wie Andrew wies darauf hin, Browser, um die Datei-Caching werden könnten. Vielleicht könnten Sie Abfrageparameter hinzufügen, zum Beispiel:

function read_data(){ 
    Plotly.d3.csv("data.csv?”+(new Date()).getTime(), function(error, data) { 
     console.log("Data length = " + data.length) 
})}