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

Опубликовано: 10 Апреля, 2022

Функция d3.range () в D3.js используется для возврата массива, содержащего арифметическую прогрессию, начиная с параметра start и повторяющуюся по последовательности равномерно распределенных числовых значений, называемых шагом, и заканчивается параметром остановки.
Синтаксис:

 d3.range (старт, стоп, шаг)

Параметры: эта функция принимает три параметра, которые показаны ниже: -

  • начало: это включающее целочисленное значение, которое является первым элементом выходного массива. Его значение по умолчанию - 0.
  • стоп: это исключительное целочисленное значение, которое не добавляется в выходной массив.
  • step: это целое число, которое регулярно добавляется к начальному значению и выводит результат до тех пор, пока не будет достигнуто конечное значение.

Return Value: It returns an array containing an arithmetic progression.
Below programs illustrate the d3.range() function in D3.js.
Example 1: 
 

javascript

<body>
    <script src="https://d3js.org/d3.v4.min.js"></script>
 
    <script>
     
        // Calling to d3.range() function
        // with parameters start, stop and steps.
        A = d3.range(0, 4, 1);
        B = d3.range(10, 100, 10);
        C = d3.range(5, 50, 5);
        D = d3.range(1, 10, 2);
         
        // Getting an array of arithmetic progression
        document.write(A + "<br>");
        document.write(B + "<br>");
        document.write(C + "<br>");
        document.write(D + "<br>");
    </script>
</body>

Выход:

[0,1,2,3]
[10,20,30,40,50,60,70,80,90]
[5,10,15,20,25,30,35,40,45]
[1,3,5,7,9]

Example 2: 
 

javascript

<body>
    <script src="https://d3js.org/d3.v4.min.js"></script>
 
    <script>
     
        // Calling to d3.range() function
        // with parameters start, stop and steps.
        A = d3.range(1, 2);
        B = d3.range(10, 20);
        C = d3.range(0, 10, 0.5);
        D = d3.range(1, 10, 0.9);
         
        // Getting an array of arithmetic progression
        document.write(A + "<br>");
        document.write(B + "<br>");
        document.write(C + "<br>");
        document.write(D + "<br>");
    </script>
</body>

Выход:

 1
[10,11,12,13,14,15,16,17,18,19]
[0,0.5,1,1,5,2,2,5,3,3,5,4,4,5,5,5,5,6,6,5,7,7,7,5,8,8,5,9,9,5]
[1,1.9, 2, 8, 3, 7, 4, 6, 5, 5, 6, 4, 7, 3, 8, 2, 9.1]

Примечание. В приведенном выше коде некоторые функции range () не принимают значение шага, поэтому его значение по умолчанию считается равным 1.
Ссылка: https://devdocs.io/d3~5/d3-array#range

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