Я не могу отобразить измененные данные из 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")', я вижу обновленное значение..

Другие вопросы по тегам