javascript - 如何通过条形图的字长设置域?

标签 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]);

        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) ]);

关于javascript - 如何通过条形图的字长设置域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52972797/

相关文章:

php - 查找 CSV 中哪些值不在 DB 中的有效方法?

Javascript通过递归获取子节点对象

javascript - OAuth 登录对第二台设备有效

mysql - 如何根据 VBA 中命名的开始和结束单元格选择一系列单元格?

r - 如何计算分隔文件中非空字段的数量?

svg - 如何在 d3.js 饼图切片中添加不同的图像而不是文本

javascript - 如果 NVD3.js 饼图中的值等于 0,则隐藏图例项

javascript - d3 鼠标移动十字线边界

javascript - 打印内容后重新加载页面

javascript - 我怎样才能使整个表格行可点击,以便它选中一个复选框并更改按钮的颜色?