Aprenda a criar gráficos para web com Chart.js • HTML5/JS

[@marcos_silvestri]

Caceta velho, que fácil! Muito mais fácil que lendo a documentação que você recomenda, pois eu comecei por lá. Excelente explicação!

[@LaercioLopesLL]

Alem de passar muito bem o assunto a qualidade do vídeo e áudio é perfeita, está tudo de parabéns! Excelente trabalho!

[@mikefigueiredo4312]

Obrigado amigo, vc é um amigo

[@leonardoferreira.design]

Eu que agradeço

[@prof_wailen]

muito bom! não tem porque não usar o chart.js.... obrigado pela aula !!!

[@LuizHenrique-cq4lm]

Coisa rara sou eu comentando em vídeos, mas você merece cara, muito bom, parabéns... LIKE...

[@VictorHolanda]

Excelente, salvei e favoritei. Exatamente o que eu buscava pra levar meu projeto pessoal a outro nível, se eu conseguir fazer o que estou planejando irei colocar o resultado aqui. 😉 Valeu 👍.

[@Paulobakaa]

Vai ajudar muito no gráfico que quero montar junto ao Google Sheets.. Obrigado!

[@BrExodusZoneDayzServers]

Cara meus parabéns pelos seus vídeos!! Eu tenho o costume de estudar por conta desenvolvimento e seus vídeos tem sido perfeitos! Obrigado pela partilha do conhecimento! Abraço.

[@constantinobsa6655]

Video muito bom e super legal!!! Estava precisando dessas informações. Quero que você faça mais vídeos sobre essa API. Valeu e muito sucesso!

[@unkn0wnrge189]

parabens! Sua aula é focada, por isso tem 1000 likes pra 6 deslikes = 0,006%.

[@wanderson34456]

Direto ao ponto e com clareza! Parabéns!

[@Gilnalua]

Cara muito obrigado, video muito objetivo e explicativo

[@ohervis]

Shooooow, ontem mesmo um pouco antes de sair do trabalho estava dando uma olhada no chartJS, e pensei em estudar ele na segunda, e agora você posta um vídeo. shooooow, Parabéns pelo trabalho.

[@pedromihael8968]

QUE VIDEO LINDO, MEU AMIGO!!!11!!1!onze!!!

[@WedersonWinchester]

Nossa!!!! Que fantástico!!! Excelente didática!!!!

[@andersonvasconcelos1516]

show...o bagulho já é responsivo! legal msm

[@rafaeldefreitasbatista2165]

Muito bom seu vídeo, rápido e objetivo, com uma ótima didática. Valeu!!!

[@LuizHenrique-do7dj]

Muito bom! Conteúdo sem enrolação.

[@lucas-fanti]

Cara. Deus te abençoe. Sensacional....

[@lucasfads]

Já tinha ouvido falar nesse Chart.js. Bem bacana msm, e como vc mostrou, é super fácil de usar. Show de bola.

[@jrace001]

Show de bola, obrigado!

[@waldomirofreitasbarbosa5265]

Muito legal, super didatico e objetivo

[@CiroPeixoto]

Show de bola rapaz !!! Otimo vídeo e excelente didática!!!

[@jenniferomena1878]

Nossa! Muito obrigada pelo vídeo!! Me ajudou muito! Teria como mostrar em um próximo video como fazer gráfico em barras empilhadas?

[@eusouthiagooliveira]

Muito bom muito didático, e prático parabéns!

[@lius2340]

Sempre acompanho seu canal que a cada momento surge vídeos muito bons! Obrigado por compartilhar seu conhecimento e me ajudou muito, pois tenho um projeto que vou precisar de um gráfico e já sei qual vou usar. kkkkkk Obrigado pelos vídeos! Abraço!

[@pointdoscuriosos2810]

Muito bom mano

[@chris88443173]

Muito Top! Justo o que estava precisando! VLW!

[@ronancruzbastos6049]

top de mais esses videos queria se pudesse que falasse um pouco sobre breakpoints como criar pontos de quebra na css para navs responsivas abco

[@curyrodrigo]

Show de bola!... esse vai pro favoritos pq em breve vou usar !

[@JoseSilva-wu2wy]

Bom vídeo. Sou iniciante e não conhecia este framework. Ajudou muito! Vlw!

[@abigailgouveia8849]

Salvou demais!! Muito obrigada!! :DD

[@CAONST_DEV]

Muito Boa Apresentação e muito explicativa! Gostaria de um exemplo onde manipulo os data de forma reativa , a partir de cliques em botoes ou de bancos de dados.

[@WalxineyGalvao]

Top cara valeu mesmo.

[@israelcesarlimamota5491]

Obrigado por compartilhar seus conhecimentos!

[@marcosgoncalves2005]

Cara muito bom! Valeu!

[@filipelacerda5339]

Muito bom parabéns pelo conteúdo!!!

[@ThiagoFranchin]

Muito bom, valeu mesmo!!! Mais um vídeo TOP !!!

[@IsmaelCarvalho]

Faz uma vídeo aula​ utilizando o chart.js com banco de dados, que a maior dificuldade de todos.

[@leonardoferreira.design]

@Ismael, você quer puxar os dados da tabela do banco? Como eu falei no vídeo, basta fazer o return da tabela dentro de "data" ou você já seta o caminho real do .json que seu banco retorna.

[@juniorgeba25]

Muito bom parabéns, mais seria bem legal se mostrasse em vídeo, muito top sua explicação!!

[@LuizFelipe-zf1xe]

Ferreira, faz um vídeo ensinando como fazer um jQuery slider com dots, paginator etc... Ótimo vídeo!! =)

[@rogersrangel8826]

MUITO BOM CARA, MEU CHART FICOU SEXY AGORA.

[@merrickgustavo6502]

Pro trick : you can watch series on flixzone. I've been using them for watching all kinds of movies lately.

[@jamiedarren2384]

@Merrick Gustavo Yup, been watching on Flixzone for months myself =)

[@mysodor]

Cara, te amoooooooo!

[@davidsonmichael1987]

Muito Bom , me ajudou muito

[@edfdj]

Manoooo obrigado !!! Ajudou de mais +1 inscrito e +1 Like !

[@ivaldo300]

Você sabe explicar como fazer a mixagem de gráficos? Lá no site do chart js tem mas eu não consigo, colocar os graficos diferentes ao mesmo tempo

[@fernandolaino]

Cara, mto bom.... me ajudou muito, mas tenho um problema que não consegui resolver... Se um dos valores for "0" e eu quiser que o gráfico ignore (e deixe em branco esse campo) e continue desenhando no próximo valor (positivo ou negativo), como faço?

[@ezinho5547]

valueu mano !

[@GabrielHirakawa]

muito bom

[@mayconvsg]

Cara, e como eu poderia adicionar uma outra escala do lado direito desse gráfico e fazer, por exemplo, um gráfico de barras abaixo dessas linhas correspondendo a escala que fica ao lado direito desse gráfico? Ou seja, fazer as barras seguirem a escala da direita e as linhas seguirem a escala da esquerda (ou vice-versa)?

[@giovanialvesdev]

Amigão , posta um de chart.js + mysql por favoooor !!

[@danielsanches1778]

Boa noite irmão, cara ótimo vídeo, porém sou leigo nesse assunto e preciso colocar um gráfico no meu site, como faço pra adaptar ele lá ??

[@feliperibeiro4152]

Boa noite, da pra plotar analises de redes/grafos com isso e salvar como arquivos executáveis, criar botões?

[@notridan]

Ótimo vídeo! Como eu configuro a vírgula como separador de milhar ??

[@myllermeireles3272]

Maravilha... como faz para trazer dados de uma consulta do BD para o datasets? Uso phpMyAdmin.

[@brianferreira15]

AMAAAAAAAAAAAAAAZING

[@dev-fabriciobr]

Muito bom o vídeo.. mas como faço para formatar os valores do data no formato decimal R$ 0,00 ?

[@ariolv4865]

gostei muito!! ;D

[@josesoaresSoares]

Parceiro tem alguma configuracao para nao deixar os labels se sobreporem? agradecimentos

[@jamallwallace845]

Obrigado pelo vídeo. Estou tentando buscar informações em uma planilha do google sheets para criar o gráfico. Mas mesmo lendo a documentação não estou conseguindo montar a URL + a consulta para filtrar os dados e jogar para o gráfico. Alguém por favor pode me dar uma dica de como fazer isto? Valeu!!!

[@BraytinerHeggendorn]

Top! Vlw!

[@davidsonmichael1987]

Como faço pra colocar VALORES PERCENTUAIS %% nos grafícos ??

[@glauberdarochabalthazar7112]

OLá, parabéns pelo vídeo! Aprendi muito! Tenho uma dúvida: como eu faço para no lugar de data : [ 5, 10, 5, 14, 20, 15, 6, 14, 8, 12, 15, 5, 10 ], eu chamar um servlet que trará essa lista pronta? Obrigado

[@chicodorea]

Olá Leonardo, parabéns! pela excelente apresentação desse conteúdo, que é muito da hora e com uma variedade enorme de aplicações. Tõ interessado em aplicá-lo num webbrowser de microcontroladores usados em IoT (internet das coisas), tipo ESP8266, ESP-01, ESP32, etc. Pretendo usar o charts.js junto com sqlite para montar um dashboard embarcado! Nesta demonstração entendi que vc colocou um link (url) ao chart.js, é possível baixar este arquivo para uso em rede local, sem internet? Obrigado!

[@mrskinner8893]

Eu tenho uma duvida, se tem como mesclar php com java no mesmo arquivo.php

[@joserobertodamascena6981]

Olá excelente explicação, estou com uma dúvida e nao sei se é possivel ser feito, eu implementei no meu sistema financeiro e preciso que as informações do eixo Y fiquem sempre sempre visiveis dentro do gráfico acima da barra vertical, e não do lado esquerdo como padrão, nesse caso caso eu ocultaria as tooltips, seria possivel essa alteração? Obrigado.

[@robsonlirayou]

Olá ! o Chartjs é realmente muito bom, o diferencial é que ele é bem simples não tem muitos detalhes como outros frameworks, e tem um bom visual, agora uma coisa que senti falta uma vez que ele tem o Doughnut é gauge, ele não tem gauge ( termômetros ou manômetros) embora pelo que eu entendi pode-se criar(fabricar) seu próprio gráfico será que isso é possível? eu andei pesquisando e não achei.

[@NatteRoll]

Soundtrack name, plzz?

[@Jota_Deybson]

poderia fornecer o código desse video?

[@carcleo]

Gotaria de saber como fazer para o caso de quando cada dataset tem o seu proprio labels. Tipo: var ctx = $("#myChart"); var scatterChart = new Chart(ctx, { type: 'line', data: { datasets: [{ label: 'Gcéu 1', data: [{ x: new Date (2019,02,01), y: 20 }, { x: new Date (2019,02,02), y: 10 }, { x: new Date (2019,02,05), y: 5 }] },{ label: 'Gcéu 2', data: [{ x: new Date (2019,02,02), y: 15 }, { x: new Date (2019,02,03), y: 10 }, { x: new Date (2019,02,10), y: 2 }] }] }, options: { scales: { xAxes: [{ type: 'linear', position: 'bottom' }] } } }); Como fazer nesse caso? Pois o gráfico não sai.

[@Naicson11]

Eu to com um problema que o gráfico ta ocupando toda minha tela, ta responsivo, mesmo eu definindo width e height ele abre em todo o espaço da tela, alguém sabe como mudo o tamanho?

[@jorgesantanna3518]

Como consigo colocar dois gráficos lado a lado?

[@leonardomou]

Tem como criar um link em cada nó??

[@marcoantonioaraujopereira4169]

E possível fazer come esse só que em tempo real?

[@limaand2009]

para ler json?

[@caiqu27061993]

pode baixar a biblioteca chart.js para usar grafico offiline ?

[@LucasLopes-hd1ms]

Eai, pode?

[@gugox]

Pode! Online é uma das opções. Javascript é para ser processado no navegador gente(offline).

[@andersonmorony]

Valeu!!!!!!!!!

[@zemario04]

top!!!

[@MMartinsMr]

Olá, sou principiante em programação e estou criando um pequeno sistema para praticar minha aprendizagem. Eu criei um dashboard com alguns gráficos utilizando o Chart.js, porém em um dos gráficos que aponta por exemplo compromissos a pagar nos próximos 12 meses, os meses estão em inglês. Eu não posso criar os meses de forma estática, pois quem define os próximos doze meses é o sistema. No entanto, um amigo me deu uma dica dizendo que eu devo utilizar o "moment.js", um plugin que faz a tradução para outro idioma. Confesso que fiz o download, instalei e fiz a referência mas não consegui até agora fazer funcionar. Talvez eu não estou fazendo os procedimentos corretos. Você poderia me dizer o que e como fazer? Parabéns pelo vídeo, muito bom. Saudações.

[@deyvischarles4080]

Ferreira Studios Como adicionar o sinal de cifrão ($) antes dos valores? Para gerar esse resultado: R$ 9.000,00

[@alefemoreira7145]

Não funcionou comigo :(

[@josesoaressoares6584]

Nao consegui aqui dever ser o smartscreen

[@ich_lauriano]

cara o meu não deu certo de jeito nenhum, eu acho que deve ser por que deu erros em instalar o chart.js no meu fedora ..

[@edu_amr]

Separar dados do Excel de uma maneira simples? Tem como?

[@marcosdossantos3230]

Nossa aqi funcionou tudo certinho, menos essa animação, o que devo saber, alguém me ajudaaaa pls

[@villastube]

Cara nao sei porque mas nada aparece aqui. Nem a grade inicial

[@giltobarcella]

Conseguiu resolver? Comigo a mesma coisa!

[@agenteclipa]

manda esse teu código, to com preguiça de assistir o vídeo todo

[@camiloguimaraes]

Ola amigo, estou adorando seus vídeos, e gostaria de saber para incluir em bootstrap esses graficos e se é possivel buscar a base de dados do google. E se seria possivel montar bootstrap visual. minha intenção erá desenvolver algo assim: covid.saude.gov.br/

[@bentoguimaraes]

@@burn6170 Não consegui, estou apanhando até hoje.

[@floracymarinhonasciment7604]

55555