Я пытаюсь создать таблицу html из csv, используя d3.js
. Вот мой код:Как создать таблицу с использованием фильтра для данных csv
d3.text('../data/satra_capitalasset_v_projectcount_m_b_enddate_executet.csv', function(data) {
var parsedCSV = d3.csv.parseRows(data).filter;
var sampleHTML = d3.select("body")
.append("table")
.style("border-collapse", "collapse")
.style("border", "2px black solid")
.selectAll("tr")
.data(parsedCSV)
.enter().append("tr")
.selectAll("td")
.data(function(d){return d;})
.enter().append("td")
.style("border", "1px black solid")
.style("padding", "5px")
.on("mouseover", function(){d3.select(this).style("background-color", "aliceblue")})
.on("mouseout", function(){d3.select(this).style("background-color", "white")})
.text(function(d){return d;})
.style("font-size", "12px");
});
Сейчас он работает. Но мне нужны только некоторые (не все) данные csv-файла. Поэтому мне нужно использовать фильтр, чтобы иметь некоторые данные. Мои данные, как это:
name project company
a1 p1 c1
a2 p2 c1
a3 p3 c3
a4 p4 c1
Теперь мне нужно просто company="c1"
& & project="p1"
из моего data.So , как я могу это сделать?