La función precisionPrefix() de D3.js se usa para devolver una precisión específica, a su vez, para usarse con locale.formatPrefix.
Sintaxis:
d3.precisionPrefix(step, value);
Parámetros: Toma los dos parámetros dados anteriormente y descritos a continuación.
- Paso: Indica la diferencia mínima entre los valores que se requieren formatear.
- Valor: El valor aquí indica qué prefijo SI se utilizará con el número dado, por ejemplo, M para millones o G para Giga.
Devoluciones: Devuelve el número.
A continuación se dan algunos ejemplos de la función anterior.
Ejemplo 1: Aquí p es 4, lo que significa que habrá 4 dígitos después del decimal.
<!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>
// Here p is 4 that means for digits after decimal
var p = d3.precisionPrefix(1e5, 1.2e10);
let f = d3.formatPrefix("." + p, 1.2e10);
let roundedNumber=f( 1.2e12);
// Number of digits after decimal
console.log("Value of p is: ", p);
console.log("Type of p is: ", typeof p)
// Old number is
console.log("Old number is: ", 1.2e12);
// Number after the use of the precisionprefix
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>
var p = d3.precisionPrefix(1e2, 4.1e4);
var f = d3.formatPrefix("." + p, 4.e1);
var newNumber=f(4.85e10);
// Number of digits after decimal
console.log("Value of p is: ", p);
// Old number is
console.log("Old number is: ", 4.85e10);
// Number after the use of the precisionprefix
console.log("New number is: ", newNumber);
console.log("\n");
var p = d3.precisionPrefix(1e2, 4.1e4);
var f = d3.formatPrefix("." + p, 4.e5);
var newNumber=f(4.85e10);
// Number of digits after decimal
console.log("Value of p is: ", p);
// Old number is
console.log("Old number is: ", 4.85e10);
// Number after the use of the precisionprefix
console.log("New number is: ", newNumber);
console.log("\n");
var p = d3.precisionPrefix(1e4, 4.1e14);
var f = d3.formatPrefix("." + p, 4.e10);
var newNumber=f(4.85e10);
// Number of digits after decimal
console.log("Value of p is: ", p);
// Old number is
console.log("Old number is: ", 4.85e10);
// Number after the use of the precisionprefix
console.log("New number is: ", newNumber);
console.log("\n");
</script>
</body>
</html>
Producción:
