Загрузка и обновление данных D3JS

Question

Я использую библиотеку D3JS для загрузки CSV-данных с именем «data.csv». Нажимая на кнопку, я выводю на консоль длину данных. Моя проблема заключается в том, что если я изменил данные внутри «data.csv» между двумя действиями на кнопке, данные не будут обновляться.

Например, у меня есть один CSV с 100 данными, а другой с 200. Сначала я поставил 100 своих CSV-данных в свою папку и нажал кнопку «Читать», я могу проверить на консоли длину данных, это как ожидалось, «Длина данных = 100». После этого я перезаписываю CSV-файл 200 данными и снова нажимаю кнопку, консоль все еще отображает одну и ту же длину данных (100), моя переменная данных не была обновлена ​​новыми данными из нового файла.

Как я могу решить проблему с обновлением данных?

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

Как Эндрю отметил, браузер может быть кэширование файла. Возможно, вы можете добавить параметр запроса, например:

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