2015-09-15 3 views
0

Я пытаюсь создать таблицу 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 , как я могу это сделать?

ответ

0

Моя проблема была решена путем использования комментария Gillsa в (я не уверен, что имя), это ответ:

var parsedCSV = d3.csv.parseRows(data); 

    var filteredArray = parsedCSV.filter(function(obj) { 
     //debugger; 
     if (obj[1] == 'c1 ' && obj[3] == '‌p1') { 

      return obj; 

     } 
Смежные вопросы