La función d3.continuous() en D3.js se usa para devolver el valor correspondiente del rango si se proporciona un valor del dominio.
Sintaxis:
d3.continuous().domain(array of values).range(array of values);
Parámetros: Esta función no acepta ningún parámetro.
Valor devuelto: esta función devuelve el valor de rango correspondiente para el valor del dominio.
Los siguientes programas ilustran la función d3.continuous() en D3.js:
Ejemplo 1:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
D3.js | d3.continuous() Function
</title>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<script>
// Calling the scaleLinear() function
var A = d3.scaleLinear().domain([10, 50])
.range([0, 100]);
// Getting the corresponding range for
// the domain value
console.log(A('15'));
console.log(A('20'));
console.log(A('25'));
console.log(A('30'));
</script>
</body>
</html>
Producción:
12.5 25 37.5 50
Ejemplo 2:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
D3.js | d3.continuous() Function
</title>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<script>
// Calling the scaleLinear() function
var A = d3.scaleLinear().domain([1, 5])
.range([0, 10]);
// Getting the corresponding range for
// the domain value
console.log(A('1'));
console.log(A('2'));
console.log(A('3'));
console.log(A('4'));
</script>
</body>
</html>
Producción:
0 2.5 5 7.5
Referencia: https://devdocs.io/d3~5/d3-scale#_continuous
Publicación traducida automáticamente
Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA