Gráfico HTML

[leonardo.miorim]

Gostaria de ajuda para criar um gráfico em html, que atualize em tempo real(automático), onde vai aparecer uma barra que o SQL vai ir reduzindo o tempo a cada minuto, mas se eu tiver 4 colunas em uma, e na outra 5, que puxa automatico assim

[Raul Pereira Da Silva Neto]

Fala Leonardo beleza?

Sugiro dar uma olhada na lib ChartJS, ela vai te ajudar a montar gráficos com HTML e JS.

Segue a documentação: https://www.chartjs.org/

 

Sobre a atualização em tempo real, se você estiver utilizando somente HTML, CSS e JS talvez seria interessante criar um setInterval no JS para simular esta atualização em tempo real (você coloca um tempo pequeno para chamar uma rota para atualizar os dados do gráfico).

Caso esteja desenvolvendo um backend, sugiro dar uma olhada sobre sockets.

 

Um abraço!