D3.extent（）没有给出正确的范围

Question

我是D3的新手。我刚刚开始从csv文件创建一个散点图。但是，我发现d3.extent给出了如下所述的错误范围。我不知道我做错了什么。

数据（在Python中创建的csv格式）具有以下范围：

In [56]: min(x), max(x)
Out[56]: (-10, 14)

In [57]: min(y), max(y)
Out[57]: (-5, 1)

但是，当我使用d3.extent时，我会得到以下范围：

整个代码可在以下网址找到：bl.ocks.org以及此处的代码段：

        // Get the data
        d3.csv("hip_fake_data.csv", function(error, data) {
        data.forEach(function(d) {
        x_value = d.x_hip;
        y_value = d.y_hip;
        });

        // Scale the range of the data
        x.domain(d3.extent(data, function(d) {return d.x_hip;}));
        y.domain([d3.max(data, function(d) { return d.y_hip; }), -5]);

console.log(d3.extent(data, function(d) {return d.x_hip;}))
console.log(d3.extent(data, function(d) {return d.y_hip;}))

Answer 1

d3.csv("hip_fake_data.csv", function(error, data) {
    data.forEach(function(d) {
    x_value = +d.x_hip; // convert to number
    y_value = +d.y_hip;
    });