Я не могу отобразить измененные данные из CSV-файла
Я новичок в d3.js. Я пытаюсь отобразить новые данные из файла CSV.. но я не могу. Ниже приведен мой тестовый файл javascript и inv.csv.
Когда я изменяю содержимое файла inv.csv с помощью текстового редактора, я вижу измененное значение из вывода console.log(), но не могу отобразить его в веб-браузере через d3.js.
Кроме того, у меня есть еще один вопрос. Я хочу сделать динамическую веб-страницу из данных в реальном времени. Для этого я буду периодически обновлять файл данных и показывать его на веб-странице через d3.js. Это хорошая или разумная концепция дизайна? Какова ваша рекомендация?
Спасибо
[test.js]
function redraw() {
d3.text("inv.csv", function(datasetText) {
var parsedCSV = d3.csv.parseRows(datasetText);
console.log(parsedCSV[1][2]);
d3.select("#viz")
.selectAll("h3")
.data(parsedCSV[1])
.enter().append("h3")
.text(function(d){return d;});
console.log(parsedCSV[1][2]);
});
}
redraw();
setInterval(function() {
redraw();
}, 1500);
[Inv.csv]
car name,miles/gallon,cylinders,displacement,horsepower,weight,acceleration,model year,origin
"chevrolet chevelle malibu",18,8,307,130,3504,12,70,1
"buick skylark 320",15,8,350,165,3693,11.5,70,1
"plymouth satellite",18,8,318,150,3436,11,70,1
1 ответ
Решение
Я нашел проблему. Когда я помещаю тег в html-файл и избавляюсь от '.enter(). Append("h3")', я вижу обновленное значение..