D3.js time.ticks() Function
Last Updated :
23 Aug, 2020
The time.ticks() function is used to uniformly space dates that corresponds to the domain of the scale. The dates are always in the extent of the domain of the scale.
Syntax:
time.ticks( count )
Parameters: This function accepts a single parameter as mentioned above and described below:
- count: It is the number of ticks required. It is an optional parameter.
Return Values: This function does not return anything.
Below programs illustrate the time.ticks() function in D3.js:
Example 1:
HTML
<!DOCTYPE html>
<html>
<head>
</script>
</script>
<script src=
</script>
<script src=
</script>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<p>time.ticks() Function </p>
<script>
var time = d3.scaleTime()
// Set the number of ticks
.ticks(4);
// Display the time for each tick
time.forEach(e => {
document.write("<h3>" + e + "</h3>")
});
</script>
</body>
</html>
|
Output:
Example 2: Ticks every interval.
HTML
<!DOCTYPE html>
<html>
<head>
</script>
</script>
<script src=
</script>
<script src=
</script>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<p>time.ticks() Function </p>
<script>
var time = d3.scaleTime()
// Set the domain of the time to scale
.domain([new Date(2000, 0, 10, 0),
new Date(2000, 0, 10, 10)])
// Set the number of ticks to every 2 hours
.ticks(d3.timeHour.every(2))
// Display the time for each tick
time.forEach(e => {
document.write("<h3>" + e + "</h3>")
});
</script>
</body>
</html>
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...