Javascript 如何为条形图按字长设置域?

Javascript 如何为条形图按字长设置域?,javascript,csv,d3.js,Javascript,Csv,D3.js,我有一个csv,其中列出了单词和每个单词对应的数字: wordFile.csv word,count hello,3 to,4 there,6 我正在创建一个条形图,它在x轴上有单词名,计数是y轴上条形图的大小。我想忽略长度小于3的单词。我该怎么做 我试过: var x = d3.scaleBand() .range([0, width]) var y = d3.scaleLinear() .range([height, 0]);

我有一个csv,其中列出了单词和每个单词对应的数字:

wordFile.csv

word,count
hello,3
to,4
there,6
我正在创建一个条形图,它在x轴上有单词名,计数是y轴上条形图的大小。我想忽略长度小于3的单词。我该怎么做

我试过:

    var x = d3.scaleBand()
        .range([0, width])
    var y = d3.scaleLinear()
        .range([height, 0]);

        x.domain(self.data.map(function (d) {
                return d.word;
            }
        ));
        y.domain([0, d3.max(self.data, function (d) {
            if(d.word.length > 3) {
                return d.count;
               }
            }
        )]); 
但这并不能解决问题


这是可能的还是我必须编辑csv?

在使用之前过滤数据

self.data = self.data.filter( d => d.word.length > 3 );

y.domain([0, d3.max(self.data, d => d.count) ]);

在使用数据之前对其进行筛选

self.data = self.data.filter( d => d.word.length > 3 );

y.domain([0, d3.max(self.data, d => d.count) ]);