Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.600 cursos impartidos por expertos del sector o compra solamente este curso.

Dibujo de curva y finalización del widget en la infografía

Dibujo de curva y finalización del widget en la infografía - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

Dibujo de curva y finalización del widget en la infografía

“

Ya tengo el fondo dibujado. Ahora voy a crear realmente la gráfica, y para ello, pues voy a crear un nuevo 'beginPath' y sobre ese 'path' voy a ir añadiendo cada uno de los puntos. ¿Cuál tiene que ser mi planteamiento? Bueno, puedes ir, según voy avanzando hacia la derecha, recuperar el valor de la hora concreta y ponerlo según su altura. Básicamente, es esa la idea. Bueno, pues entonces, tendré que, por un lado, guardar cuál ha sido la última posición horizontal sobre la que se dibujó, porque yo lo que voy a ir es creando líneas del último punto al punto nuevo. Como van a ser líneas muy pequeñas, en realidad va a quedar una curva completamente lisa. Por otro lado, voy a crear un bucle. Entonces, voy a hacer que empiece desde cero, que me recupere cada uno de los registros que tengo guardados en el "array" que tengo almacenado. En el caso de que sea el primero de esos datos, voy a dibujarlo de una manera un poco especial, aunque en realidad todos se van a basar en lo mismo, y es:…

Contenido