Функция d3.js bisector ()

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

Функция bisector () в D3.js используется для возврата новой биссектрисы с использованием указанного средства доступа или функции компаратора. Этот метод можно использовать для разделения массивов объектов пополам вместо того, чтобы ограничиваться простыми массивами примитивов.

Синтаксис:

 d3.bisector (аксессуар)
d3.bisector (компаратор)

Параметры: эта функция принимает только один параметр, упомянутый выше и описанный ниже:

Аксессор / компаратор: этот параметр может быть функцией доступа или компаратора.

Возвращаемое значение: эта функция возвращает новую биссектрису.

Ниже приведены несколько примеров вышеуказанной функции.

Пример 1: Эта программа иллюстрирует использование d3.bisector () с использованием параметров доступа.

 <!DOCTYPE html>
 < html >
   
< head >
    < title >D3.js d3.bisector() Function</ title >
   
    < script src = ' https://d3js.org/d3.v4.min.js ' >
   </ script >
 </ head >
   
< body >
    < script >
        var data = [
          {date: new Date(2011, 1, 1), value: 0.5},
          {date: new Date(2012, 2, 1), value: 0.6},
          {date: new Date(2013, 3, 1), value: 0.7},
          {date: new Date(2014, 4, 1), value: 0.8}
        ];
   
        var bisectDate =
 d3.bisector(function(d) { return d.date; }).left;
        var dat = new Date(2014, 4, 1);
        document.write(bisectDate(data, dat));
    </ script >
 </ body >
   
</ html > 

Выход:

Пример 2: Эта программа иллюстрирует использование d3.bisector () с использованием параметров функции компаратора.

 <!DOCTYPE html>
 < html >
   
< head >
    < title >D3.js d3.bisector() Function</ title >
   
    < script src = ' https://d3js.org/d3.v4.min.js ' >
    </ script >
 </ head >
   
< body >
    < script >
        var data = [
          {date: new Date(2011, 1, 1), value: 0.5},
          {date: new Date(2012, 2, 1), value: 0.6},
          {date: new Date(2013, 3, 1), value: 0.7},
          {date: new Date(2014, 4, 1), value: 0.8}
        ];
   
        var bisectDate =
 d3.bisector(function(d, x) { return d.date - x; }).right;
        var dat = new Date(2014, 4, 1);
        document.write(bisectDate(data, dat));
    </ script >
 </ body >
   
</ html > 

Выход:

JavaScript

Функция d3.js bisector ()

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