从多行数据数组中获取 d3 Extent (Min/Max)答案

【问题标题】：Get d3 Extent (Min/Max) from multiple line data array从多行数据数组中获取 d3 Extent (Min/Max)
【发布时间】：2020-10-12 13:21:05
【问题描述】：

我想通过使用 d3 中的范围函数从数据数组中找到最小值/最大值。我有格式为 (x,y1,y2) 的数组，现在我可以获取 y1 或 y2 的范围，但无法同时获取 y1 和 y2 的范围。我希望我的函数能从 y1 和 y2 中得到范围。请看我的代码。

<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
data = [{x:1,y1:15,y2:23},{x:2,y1:26,y2:12},{x:3,y1:17,y2:17},{x:4,y1:21,y2:22},];

var yExtent = d3.extent(data, function(d) { return d.y1; });
console.log(yExtent);
</script>

【问题讨论】：

标签： javascript d3.js

【解决方案1】：

<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
data = [{x:1,y1:15,y2:23},{x:2,y1:26,y2:12},{x:3,y1:17,y2:17},{x:4,y1:21,y2:22},];

var yExtent = [d3.max(data,function(d){return Math.max(d.y1, d.y2);}), d3.min(data,function(d){return Math.min(d.y1, d.y2);})];
console.log(yExtent);
</script>

【讨论】：