La función bisector() en D3.js se usa para devolver una nueva bisectriz usando la función de acceso o comparación especificada. Este método se puede utilizar para bisecar arreglos de objetos en lugar de limitarse a simples arreglos de primitivas.
Sintaxis:
d3.bisector(accessor) d3.bisector(comparator)
Parámetros: esta función acepta solo un parámetro que se menciona arriba y se describe a continuación:
- accesor/comparador: Este parámetro es la función de accesor o comparador.
Valor devuelto: Esta función devuelve la nueva bisectriz.
A continuación se dan algunos ejemplos de la función anterior.
Ejemplo 1: Este programa ilustra el uso de d3.bisector() usando los parámetros de acceso.
<!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>
Producción:
3
Ejemplo 2: Este programa ilustra el uso de d3.bisector() usando los parámetros de la función de comparación.
<!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>
Producción:
4
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA