Как работает метод range() в D3.js?

Пользователь

от cooper.berge , в категории: JavaScript , 2 года назад

Как работает метод range() в D3.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от marc_zboncak , 2 года назад

@cooper.berge 

Метод range() в D3.js используется для создания массива чисел с равным интервалом между ними. Он имеет два параметра: начальное и конечное значение диапазона.


Синтаксис метода range() выглядит так:

1
d3.range(start, stop, step)


  • start: Начальное значение диапазона. Если этот параметр не указан, по умолчанию используется 0.
  • stop: Конечное значение диапазона. Обязательный параметр.
  • step: Шаг между значениями диапазона. Если этот параметр не указан, по умолчанию используется 1.


Метод range() возвращает массив чисел, который может быть использован для создания элементов визуализации на основе данных.


Например, чтобы создать массив чисел от 0 до 10 (не включительно), используя метод range(), можно написать следующий код:

1
var myArray = d3.range(0, 10);


Результатом будет массив [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].


Метод range() может быть также использован для создания массивов чисел с дробными значениями. Например, чтобы создать массив чисел от 0 до 1 с шагом 0.1, можно написать следующий код:

1
var myArray = d3.range(0, 1, 0.1);


Результатом будет массив [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9].