The precisionPrefix() function of D3.js is used to return a specified precision, in turn, to be used with locale.formatPrefix.
Syntax:
d3.precisionPrefix(step, value);
Parameters: It takes the two parameters given above and described below.
- Step: It tells the minimum difference between the values that are required to be formatted.
- Value: Value here tells that what SI prefix is to be used with the given number e.g M for million or G for Giga.
Returns: It returns the number.
Below given are a few examples of the above function.
Example 1: Here p is 4 that means 4 digits will be there after the 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"    </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> |
Output:
Example 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"   </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> |
Output:
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
