La función d3.precisionFixed() en D3.js se usa para devolver la precisión decimal para la notación de coma flotante fija sobre la base del valor de paso dado.
Sintaxis:
d3.precisionFixed(step);
Parámetros: Solo se necesita un parámetro que se da arriba y se describe a continuación.
- Paso: El valor del paso indica cuántos dígitos se requieren después del decimal, por ejemplo, 0,1 significa que un dígito después del decimal está en la salida y 0,001 significa 3 dígitos después del decimal.
Valor devuelto: Devuelve un número.
A continuación se dan algunos ejemplos de la función anterior.
Ejemplo 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--Fetching from CDN of D3.js -->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
let p=d3.precisionFixed(0.001);
let f=d3.format("."+p+"f");
let roundedNumber=f(.12359);
console.log("Old number is: ", 0.012345);
console.log("New number is: ", roundedNumber);
</script>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--Fetching from CDN of D3.js -->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
let p=d3.precisionFixed(0.005);
let f=d3.format("."+p+"f");
let roundedNumber=f(.21543);
// Number of digits after decimal
console.log("Value of p is: ", p);
console.log("Type of p is: ", typeof p)
console.log("Old number is: ", 0.21543);
console.log("New number is: ", roundedNumber);
console.log("\n");
p=d3.precisionFixed(1);
f=d3.format("."+p+"f");
roundedNumber=f(2.21543);
// Number of digits after decimal
console.log("Value of p is: ", p);
console.log("Old number is: ", 0.21543);
console.log("New number is: ", roundedNumber);
console.log("\n");
p=d3.precisionFixed(0.01);
f=d3.format("."+p+"f");
roundedNumber=f(.21543);
// Number of digits after decimal
console.log("Value of p is: ", p);
console.log("Old number is: ", 0.21543);
console.log("New number is: ", roundedNumber);
console.log("\n");
p=d3.precisionFixed(0.000002);
f=d3.format("."+p+"f");
roundedNumber=f(.21543);
// Number of digits after decimal
console.log("Value of p is: ", p);
console.log("Old number is: ", 0.21543);
console.log("New number is: ", roundedNumber);
</script>
</body>
</html>
Producción:
