Función D3.js scaleTime time()

La función time() de d3.scaleTime() se usa para devolver un valor desde y dentro del rango dado desde el dominio especificado.

Sintaxis:

time(value)

Parámetro: Esta función acepta solo un parámetro como se mencionó anteriormente y se describe a continuación.

  • valor: Esto acepta un valor del dominio especificado.

Valor devuelto: esta función devuelve un valor del rango.

El siguiente ejemplo ilustra la función scaleTime time() en D3.js:

Ejemplo:

HTML

<!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;">Geeks for geeks</h2>
  
    <p>d3.scaleTime() | time() Function </p>
      
    <script>
        var time = d3.scaleTime()
            .domain([1, 100])
            .range([1, 100])
        document.write("<h3>The value of time(10): "
                    + time(10) + "</h3>")
        document.write("<h3>The value of time(20): "
                    + time(20) + "</h3>")
        document.write("<h3>The value of time(30): " 
                    + time(30) + "</h3>")
        document.write("<h3>The value of time(40): " 
                    + time(40) + "</h3>")
    </script>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por TARuN y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *