D3.js | функция d3.extent ()

Опубликовано: 12 Декабря, 2021

Функция d3.extent () в D3.js используется для возврата минимального и максимального значения в массиве из заданного массива с использованием естественного порядка. Если массив пуст, он возвращает undefined, undefined в качестве вывода.

Синтаксис:

 d3.extent (массив)

Параметры: эта функция принимает массив параметров, который представляет собой массив элементов, минимальное и максимальное значения которых в массиве должны быть вычислены. Здесь элементы могут быть целыми числами или любыми строками.

Возвращаемое значение: возвращает минимальное и максимальное значение в массиве из данного массива.

Ниже приведены программы, иллюстрирующие функцию d3.extent () в D3.js.

Пример 1:

 <html>
 
<head>
    <title>
      Getting minimum and
      maximum value in an array
  </title>
 </head>
 
<body>
    <script src= ' https://d3js.org/d3.v4.min.js ' >
  </script>
 
    <script>
        // initialising the array of elements
        var Array1 = [10, 20, 30, 40, 50, 60];
        var Array2 = [1, 2];
        var Array3 = [0, 1.5, 6.8];
        var Array4 = [.8, .08, .008];
 
        // Calling to d3.extent() function
        A = d3.extent(Array1);
        B = d3.extent(Array2);
        C = d3.extent(Array3);
        D = d3.extent(Array4);
 
        // Getting minimum and maximum value
        document.write(A + "<br>" );
        document.write(B + "<br>" );
        document.write(C + "<br>" );
        document.write(D + "<br>" );
    </script>
 </body>
 
</html>

Выход:

 10, 60
1, 2
0, 6,8
0,008, 0,8

Пример 2:

 <html>
 
<head>
    <title>
      Getting minimum
      and maximum value
  </title>
 </head>
 
<body>
    <script src= ' https://d3js.org/d3.v4.min.js ' >
  </script>
 
    <script>
        // initialising the array of elements
        var Array1 = [];
        var Array2 = [ "a" , "b" , "c" ];
        var Array3 = [ "A" , "B" , "C" ];
        var Array4 = [ "Geek" , "Geeks" , "GeeksforGeeks" ];
 
        // Calling to d3.extent() function
        A = d3.extent(Array1);
        B = d3.extent(Array2);
        C = d3.extent(Array3);
        D = d3.extent(Array4);
 
        // Getting minimum and maximum value
        document.write(A + "<br>" );
        document.write(B + "<br>" );
        document.write(C + "<br>" );
        document.write(D + "<br>" );
    </script>
 </body>
 
</html>

Выход:

 неопределенный, неопределенный
а, в
А, С
Компьютерщик, Компьютерщик, Компьютерщик

Примечание. В приведенных выше выходных данных первый элемент - минимальное значение, а второй элемент - максимальное значение.

Ссылка: https://devdocs.io/d3~4/d3-array#extent

JavaScript

D3.js | функция d3.extent ()

РЕКОМЕНДУЕМЫЕ СТАТЬИ