La función Continuous.ticks() se usa para devolver los valores de conteo del dominio de la báscula. Si el recuento no se proporciona como parámetro, se establece de forma predeterminada en 10. Los valores devueltos por tick se encuentran en el dominio.
Sintaxis:
continuous.ticks([count]);
Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación.
- count: Es el número de valores a devolver en el dominio dado. Estos valores están igualmente espaciados.
Valores devueltos Esta función no devuelve nada.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" path1tent=
"width=device-width,initial-scale=1.0" />
<title>Geeks for geeks</title>
<script src="https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h2 style="color:green;">
GeeksforGeeks
</h2>
<p>D3.js continuous.ticks() Function</p>
<script>
var x = d3.scaleLinear()
.domain([0, 1])
.range([0, 100]);
var ticks = x.ticks(5);
document.write("<h3>", ticks + "</h3>")
</script>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" path1tent=
"width=device-width,initial-scale=1.0" />
<title>Geeks for geeks</title>
<script src="https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h2 style="color:green;">
GeeksforGeeks
</h2>
<p>D3.js continuous.ticks() Function </p>
<script>
var x = d3.scaleLinear()
.domain([-10, -10.5])
.range(["blue", "green"]);
var ticks = x.ticks(10);
document.write("<h3>", ticks + "</h3>")
</script>
</body>
</html>
Producción:
