javascript - D3.js 缩放从数据集中返回错误值

Question

我在 d3.js 中遇到了 scales 的问题。当我在 Firefox 控制台中输入最小值和最大值时，我得到最大值作为最小值，第二最大值作为最大值。这里有什么问题？

这是我的 csv 文件形式的数据集:

word,occur
obama,11
theguardian,9
world, 8
state, 8
care, 7
pakistan,7
block, 6
blog, 6
healthcare, 5

这是我在控制台中输入的内容以及返回的值:

    d3.min(dataset, function(d) { return d.occur}); => "11"
    d3.max(dataset, function(d) { return d.occur}); = "9"

d3.max 应该返回 11 而 d3.min 应该返回 5

Answer 1

您可能没有将数据从 string 转换为 number。以下应该会给你正确的答案:

d3.min(dataset, function(d) { return +d.occur}); 
d3.max(dataset, function(d) { return +d.occur});

但是，您可能希望在读取数据后立即将数据的 occur 列转换为数字:

d3.csv('myfile', function (err, dataset) {     
    dataset.forEach(function (d) { d.occur = +d.occur; });
    // ...
});