Загрузите локальный .csv с помощью js и обработайте его с помощью d3.js. ⇐ Html

[Anonymous]

Я остановился на следующем:
У меня нет работающего локального http-сервиса, поэтому я хотел бы обрабатывать загрузку файла иначе.

Сначала я создал следующую функцию, как предложено в некоторых ссылках.

Код: Выделить всё

var fileArray = [];
function readSingleFile(evt) {
//Retrieve the first (and only!) File from the FileList object
var f = evt.target.files;
window.array = []
if (f) {
var r = new FileReader();
r.onload = function(e) {
var contents = e.target.result;
window.array.push(contents);
fileArray.push({name:f.name, contents: contents});
}
r.readAsText(f);
console.log(fileArray);
} else {
alert("Failed to load file");
}
}
document.getElementById('fileinput').addEventListener('change', readSingleFile, false);

Затем я пытаюсь вызвать fileArray в функции d3.csv. Но вот тут я и застрял - в журнале консоли просто отображается пустой массив.

Код: Выделить всё

var dataset = []
d3.csv(fileArray, function(data) {
dataset = data.map(function(d) { return [ d["TEXT"], +d["HOURS"], +d["MONTH_DIGIT"] ]; });
console.log(dataset)
});

Файл .csv имеет следующую структуру.

Код: Выделить всё

"TEXT","HOURS","MONTH_DIGIT"
"Adjustments work",849.45,"01"

Как мне точно вызвать файл для работы с d3.js?

Подробнее здесь: https://stackoverflow.com/questions/181 ... with-d3-js