d3.js - 为什么域不使用D3中的d3.max(data)？

Question

我是D3的新手，正在玩散点图。我无法让d3.max(data)在设置域中正常工作!

我有以下设置随机数据集的方法:

var data = [];
      for (i=0; i < 40; i++){
            data.push({"x": i/40, "y": i/8, "a": Math.floor(Math.random() * 3), "x2": Math.random()});
        }

然后以下设置我的坐标:

 var x = d3.scale.linear().domain([0, 1]).range([0 + margin, w-margin]),
            y = d3.scale.linear().domain([0, d3.max(data)]).range([0 + margin, h-margin]),
            c = d3.scale.linear().domain([0, 3]).range(["hsl(100,50%,50%)", "rgb(350, 50%, 50%)"]).interpolate(d3.interpolateHsl);

这会将所有40个点放在一条水平线上。如果我将d3.max(data)替换为'5'，则它是对角线(尽管从左上角到右下角，我仍在努力翻转y坐标)。为什么d3.max(data)不能按预期工作？

Answer 1

d3.max()需要一个数字数组，而不是对象。 data的元素具有内部键值结构，并且d3.max()无法知道最大的值。您可以使用jQuery's $.map 之类的东西来获取所需对象的元素，然后取最大值，例如

var maxy = d3.max($.map(data, function(d) { return d.y; }));

编辑:

正如下面的注释中指出的那样，您甚至不需要JQuery，因为 .map()是 native Array方法。然后，代码变得简单

var maxy = d3.max(data.map(function(d) { return d.y; }));

甚至更简单(对于那些未实现 Array.map()的浏览器)，使用 d3.max的可选第二个参数来告诉它如何访问数组中的值

var maxy = d3.max(data, function(d) { return d.y; });