Ich verwende die D3JS-Bibliothek, um CSV-Daten mit dem Namen "data.csv" zu laden. Durch Anklicken der Schaltfläche gebe ich die Datenlänge auf der Konsole aus. Mein Problem ist, dass die Daten nicht aktualisiert werden, wenn ich die Daten in "data.csv" zwischen zwei Aktionen auf der Schaltfläche ändere.

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

Wie kann ich mein Problem mit der Datenaktualisierung 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)
    })
}