Question

我正在使用jQuery为D3中的绘图目的引入一串逗号分隔的数字。我正试图获得这个阵列的最大值，但是进展不顺利。

var x_data = $('.CostImport').text().split(',');
var y_data = $('.PriceImport').text().split(',');
var r_data = $('.SalesImport').text().split(',');
var c_data = $('.ZoneImport').text().split(',');


 for (i = 0; i < x_data.length; i++) {
   data.push({ "x": x_data[i], "y": y_data[i], "c": c_data[i], "r": r_data[i] });
   }

alert(d3.max(r_data));
alert(d3.max(data, function (d) { return d.r }));

这两个警报都传给我相同的号码，这是不正确的。实际最大值是928870，但我回到9975.绘制一切正常（散点图，r确定大小和c颜色），所以我有点不知所措，为什么我不能拉最大数字。

有什么想法吗？

Answer 1

听起来这些值被视为字符串。您需要使用parseInt或parseFloat（取决于值的精确度）将它们转换为整数，以使max函数按预期工作。

这是一个将字符串数组转换为int的快速函数。这将是更好的原型，但对于一个快速而肮脏的例子，这将起作用：

function toIntArray(arr) {
    for (var i = 0; i < arr.length; i++) { 
        arr[i] = +arr[i]; 
    } 
    return arr;
}

保持代码不变，但修改这些代码：

r_data = toIntArray(r_data);
data = toIntArray(data);

alert(d3.max(r_data));
alert(d3.max(data, function (d) { return d.r }));

Answer 2

遇到同样的问题，但我正在处理数据对象而不是数组。在将字符串转换为数字时，在d3中找到过滤器功能非常有用。以下是一个例子

data.filter(function(d,i) {
    d.x = +d.x;
d.y = +d.y;
});

xmax = d3.max(data, function (d) { return d.x });
console.log(xmax);

在D3中获取数组的真实最大值

2 个答案: