La función log.ticks() se usa para devolver marcas que están uniformemente espaciadas dentro de cada potencia entera de la base y cada marca se encuentra en el dominio de la escala. Los valores devueltos por ticks() se encuentran en el dominio. Si el orden del dominio interno es mayor que el conteo, se devuelve un tic por potencia. Si el conteo no se proporciona como parámetro, por defecto se establece en 10.
Sintaxis:
log.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 ticks requeridos.
Valores devueltos: esta función no devuelve nada.
A continuación se dan algunos ejemplos de la función dada anteriormente.
Ejemplo 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" path1tent=
"width=device-width, initial-scale=1.0" />
<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 log.ticks() Function </p>
<script>
var log = d3.scaleLog()
.domain([1, 10])
.range([1, 5])
.ticks(8)
document.write("<h3>" + log + "</h3>")
</script>
</body>
</html>
Producción:
Ejemplo 2: cuando la base se establece en 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" path1tent=
"width=device-width, initial-scale=1.0" />
<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 log.ticks() Function</p>
<script>
var log = d3.scaleLog()
.domain([10, 100])
.range(["red", "green"])
.base(2)
var tick = log.ticks(8)
document.write("<h3>" + tick + "</h3>")
</script>
</body>
</html>
Producción:
