The time.rangeRound() function is used to set the range of the scale to the specified array of values along with setting the interpolator to intepolateRound.
Syntax:
time.rangeRound([range]);
Parameters: This function accepts one parameter that is given above and described below.
- range: This parameter accepts an array of numbers or strings.
Return Value: This function does not return anything.
Below given are a few examples of the function given above.
Example 1:
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" path1tent="width=device-width, initial-scale=1.0" /> </script> </script> </script> </script> <style> body { margin-left: 40px; } h2 { color: green; } div { float: left; width: 280px; } </style> </head> <body> <h2>Geeks for neveropen</h2> <p>time.rangeRound() Function </p> <script> var time = d3.scaleTime() // Setting domain for the scale. .domain([1, 10]) // Setting the range of the scale. .range([1, 100]); document.write( "<div><h3>Without time.rangeRound()</h3>"); document.write( "<h3>time(1.5): " + time(1.5) + "</h3>"); document.write( "<h3>time(2): " + time(2) + "</h3>"); document.write( "<h3>time(3.5): " + time(3.5) + "</h3>"); document.write( "<h3>time(4.5): " + time(4.5) + "</h3></div>"); var time = d3.scaleTime() // Setting domain for the scale. .domain([1, 10]) // Setting the range of the scale. .rangeRound([1, 100]); document.write( "<div><h3>With time.rangeRound()</h3>"); document.write( "<div><h3>time(1.5): " + time(1.5) + "</h3>"); document.write( "<h3>time(2): " + time(2) + "</h3>"); document.write( "<h3>time(3.5): " + time(3.5) + "</h3>"); document.write( "<h3>time(4.5): " + time(4.5) + "</h3></div>"); </script> </body> </html> |
Output:
Example 2:
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" path1tent= "width=device-width, initial-scale=1.0" /> </script> </script> <script src= </script> <script src= </script> <style> body { margin-left: 40px; } h2 { color: green; } </style> </head> <body> <h2>Geeks for neveropen</h2> <p>time.rangeRound() Function </p> <script> var time = d3.scaleTime() // Setting domain for the scale. .domain([2001 - 01 - 01, 2000 - 01 - 02]) .rangeRound([1, 10]) document.write("<h3>time(2.4): " + time(2.4) + "</h3>"); document.write("<h3>time(2): " + time(2) + "</h3>"); document.write("<h3>time(6.4): " + time(6.4) + "</h3>"); document.write("<h3>time(4.5): " + time(4.5) + "</h3>"); </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!
