在内部数组中查找域值

javauser35

我有一个像这样的数据集:

const dataset = [
      { 'color': 'red', 'data': [{ x: 0, y: 600 }, { x: 2, y: 900 }, { x: 4, y: 650 }, { x: 6, y: 700 }, { x: 9, y: 600 }] },
      { 'color': 'blue', 'data': [{ x: 0, y: 400 }, { x: 2, y: 300 }, { x: 4, y: 450 }, { x: 6, y: 900 }, { x: 9, y: 400 }] },
      { 'color': 'yellow', 'data': [{ x: 0, y: 200 }, { x: 2, y: 100 }, { x: 4, y: 550 }, { x: 6, y: 600 }, { x: 9, y: 400 }] }
    ];

我想找到最大和最小X轴的域值。我尝试使用此代码,但是它不起作用:

.domain([d3.min(arrangedata, (array) => array.x), d3.max(arrangedata, (array) => array.x)])

我也尝试过d3.extend,但是我无法处理。任何想法 ?

杰拉尔多·富塔多

要使用d3.max/mind3.extent,您必须合并内部数组,可以使用进行合并Array.prototype.reduce然后,x在访问器中指定属性。

总之,就是这样:

const extent = d3.extent(dataset.reduce((a, c) => a.concat(c.data), []), d => d.x);

这是演示:

const dataset = [{
    'color': 'red',
    'data': [{
      x: 0,
      y: 600
    }, {
      x: 2,
      y: 900
    }, {
      x: 4,
      y: 650
    }, {
      x: 6,
      y: 700
    }, {
      x: 9,
      y: 600
    }]
  },
  {
    'color': 'blue',
    'data': [{
      x: 0,
      y: 400
    }, {
      x: 2,
      y: 300
    }, {
      x: 4,
      y: 450
    }, {
      x: 6,
      y: 900
    }, {
      x: 9,
      y: 400
    }]
  },
  {
    'color': 'yellow',
    'data': [{
      x: 0,
      y: 200
    }, {
      x: 2,
      y: 100
    }, {
      x: 4,
      y: 550
    }, {
      x: 6,
      y: 600
    }, {
      x: 9,
      y: 400
    }]
  }
];

const extent = d3.extent(dataset.reduce((a, c) => a.concat(c.data), []), d => d.x);

console.log(extent)
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

数组在c / c ++中如何在内部工作

来自分类Dev

在内部联接中传递第二个表中的所有值

来自分类Dev

使用PostgreSQL在SQL查询中创建一个空数组,而不是在内部使用NULL的数组

来自分类Dev

在内部功能中消除歧义

来自分类Dev

如何在内部类中更改局部变量的值?

来自分类Dev

Swift如何在内部管理数组?

来自分类Dev

在内部映射值时渲染方法中断

来自分类Dev

(Android)在内部存储中查找路径/ Android

来自分类Dev

触发器:不能在内部条件中引用插入的表列值

来自分类Dev

如何使用lodash在内部数组可能包含其他对象的数组中查找对象

来自分类Dev

如何使用lodash在内部数组包含其他对象的数组中查找对象

来自分类Dev

更改在内部插入href的标签元素的值

来自分类Dev

Javascript在内部更改数组值,是否可以解决?

来自分类Dev

数组在c / c ++中如何在内部工作

来自分类Dev

使用“ =”在内部用char数组分配结构?

来自分类Dev

在内部功能中消除歧义

来自分类Dev

如何从函数中返回值,该值是在内部的回调函数中生成的?

来自分类Dev

用红宝石在内部插值中阻止

来自分类Dev

如何在内部类中更改局部变量的值?

来自分类Dev

PHP数组-如何在内部使用变量?

来自分类Dev

在内部使用Powershell数组进行循环

来自分类Dev

在内部映射值时渲染方法中断

来自分类Dev

如何使用php中的数组函数在内部数组中添加不同的元素?

来自分类Dev

为什么java中的HashMap在内部使用数组来存储条目对象而不是ArrayList?

来自分类Dev

在内部 zipfile Commons VFS 中查找文件

来自分类Dev

在内部字典中获取最少三个值(Python 3.4)

来自分类Dev

按组选择 - 按值在内部排序

来自分类Dev

文件在内部目录中的路径

来自分类Dev

在内部类 Kotlin 中获取外部值

Related 相关文章

  1. 1

    数组在c / c ++中如何在内部工作

  2. 2

    在内部联接中传递第二个表中的所有值

  3. 3

    使用PostgreSQL在SQL查询中创建一个空数组,而不是在内部使用NULL的数组

  4. 4

    在内部功能中消除歧义

  5. 5

    如何在内部类中更改局部变量的值?

  6. 6

    Swift如何在内部管理数组?

  7. 7

    在内部映射值时渲染方法中断

  8. 8

    (Android)在内部存储中查找路径/ Android

  9. 9

    触发器:不能在内部条件中引用插入的表列值

  10. 10

    如何使用lodash在内部数组可能包含其他对象的数组中查找对象

  11. 11

    如何使用lodash在内部数组包含其他对象的数组中查找对象

  12. 12

    更改在内部插入href的标签元素的值

  13. 13

    Javascript在内部更改数组值,是否可以解决?

  14. 14

    数组在c / c ++中如何在内部工作

  15. 15

    使用“ =”在内部用char数组分配结构?

  16. 16

    在内部功能中消除歧义

  17. 17

    如何从函数中返回值,该值是在内部的回调函数中生成的?

  18. 18

    用红宝石在内部插值中阻止

  19. 19

    如何在内部类中更改局部变量的值?

  20. 20

    PHP数组-如何在内部使用变量?

  21. 21

    在内部使用Powershell数组进行循环

  22. 22

    在内部映射值时渲染方法中断

  23. 23

    如何使用php中的数组函数在内部数组中添加不同的元素?

  24. 24

    为什么java中的HashMap在内部使用数组来存储条目对象而不是ArrayList?

  25. 25

    在内部 zipfile Commons VFS 中查找文件

  26. 26

    在内部字典中获取最少三个值(Python 3.4)

  27. 27

    按组选择 - 按值在内部排序

  28. 28

    文件在内部目录中的路径

  29. 29

    在内部类 Kotlin 中获取外部值

热门标签

归档