Czy można załadować dane csv do biblioteki nvd3?
Jestem nowy na nvd3 po przetestowaniu D3js w zeszłym tygodniu. Chciałbymzaładuj dane z pliku .csv za pomocą nvd3, że zrobiłem to na D3, ale nie mogę tego zrobić za pomocą nvd3 ... Ktoś wie jak to zrobić? Z D3 piszę następne wiersze i otrzymuję dane z mojego wather.csv:
d3.csv("weather.csv", function(error, data) {
data.forEach(function(d) {
d.date = parseDate(d.Hour);
d.T = +d.T;
})
});
Biorąc pod uwagę mój plik weather.csv:
"Hour";"T";
"25.04.2013 12:00";"18.7";
"25.04.2013 11:00";"18.5";
"25.04.2013 10:00";"18.4";
"25.04.2013 09:00";"18.9";
...
Na przykładach Nvd3 znalazłem tylko zmienne wewnątrz kodu, nie ładując żadnego pliku .csv ani .json. Chciałbym załadować dane z pliku i wyświetlić prosty wykres słupkowy.
AKTUALIZOWANY
Oto kod, który zaimplementowałem i nie działa. Używam funkcji .csv z D3, ale nawigator mówi, że dane nie istnieją i nie wiem dlaczego.
var parseDate = d3.time.format("%d.%m.%Y %H:%M").parse;
d3.csv("weather.csv", function(error, data) {
data.forEach(function(d) {
d.date = parseDate(d.Hour);
d.T = +d.T;
})
nv.addGraph(function() {
//console.log(data);
var chart = nv.models.discreteBarChart()
.x(function(d) { return d.date })
.y(function(d) { return d.T })
.staggerLabels(true)
//.staggerLabels(historicalBarChart[0].values.length > 8)
.tooltips(false)
.showValues(true);
d3.select('#chart1 svg')
//.datum(historicalBarChart)
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
});
Dzięki.