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 👍.
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.
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.
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!
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.
@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.
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?
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)?
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!!!
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.
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!
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
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?
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.
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.
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.
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/
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!
Alem de passar muito bem o assunto a qualidade do vídeo e áudio é perfeita, está tudo de parabéns! Excelente trabalho!
Coisa rara sou eu comentando em vídeos, mas você merece cara, muito bom, parabéns... LIKE...
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 👍.
muito bom! não tem porque não usar o chart.js.... obrigado pela aula !!!
Obrigado amigo, vc é um amigo
Eu que agradeço
Vai ajudar muito no gráfico que quero montar junto ao Google Sheets.. Obrigado!
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.
Direto ao ponto e com clareza! Parabéns!
Nossa!!!! Que fantástico!!! Excelente didática!!!!
parabens! Sua aula é focada, por isso tem 1000 likes pra 6 deslikes = 0,006%.
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!
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.
QUE VIDEO LINDO, MEU AMIGO!!!11!!1!onze!!!
Muito bom! Conteúdo sem enrolação.
Muito bom seu vídeo, rápido e objetivo, com uma ótima didática. Valeu!!!
Show de bola rapaz !!! Otimo vídeo e excelente didática!!!
show...o bagulho já é responsivo! legal msm
Cara muito obrigado, video muito objetivo e explicativo
Já tinha ouvido falar nesse Chart.js. Bem bacana msm, e como vc mostrou, é super fácil de usar. Show de bola.
Muito Top! Justo o que estava precisando! VLW!
Cara muito bom! Valeu!
Cara. Deus te abençoe. Sensacional....
Show de bola!...
esse vai pro favoritos pq em breve vou usar !
Muito bom muito didático, e prático parabéns!
Muito legal, super didatico e objetivo
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!
Salvou demais!! Muito obrigada!! :DD
Nossa! Muito obrigada pelo vídeo!! Me ajudou muito! Teria como mostrar em um próximo video como fazer gráfico em barras empilhadas?
Bom vídeo. Sou iniciante e não conhecia este framework. Ajudou muito! Vlw!
Obrigado por compartilhar seus conhecimentos!
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.
Show de bola, obrigado!
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
Muito bom, valeu mesmo!!!
Mais um vídeo TOP !!!
Faz uma vídeo aula utilizando o chart.js com banco de dados, que a maior dificuldade de todos.
@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.
Muito bom parabéns, mais seria bem legal se mostrasse em vídeo, muito top sua explicação!!
Muito bom parabéns pelo conteúdo!!!
Ferreira, faz um vídeo ensinando como fazer um jQuery slider com dots, paginator etc...
Ótimo vídeo!! =)
MUITO BOM CARA, MEU CHART FICOU SEXY AGORA.
Pro trick : you can watch series on flixzone. I've been using them for watching all kinds of movies lately.
@Merrick Gustavo Yup, been watching on Flixzone for months myself =)
Muito bom mano
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
Top cara valeu mesmo.
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?
Manoooo obrigado !!! Ajudou de mais +1 inscrito e +1 Like !
Muito Bom , me ajudou muito
Cara, te amoooooooo!
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á ??
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)?
AMAAAAAAAAAAAAAAZING
Amigão , posta um de chart.js + mysql por favoooor !!
Boa noite, da pra plotar analises de redes/grafos com isso e salvar como arquivos executáveis, criar botões?
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!!!
Maravilha... como faz para trazer dados de uma consulta do BD para o datasets? Uso phpMyAdmin.
Ótimo vídeo! Como eu configuro a vírgula como separador de milhar ??
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.
Muito bom o vídeo.. mas como faço para formatar os valores do data
no formato decimal R$ 0,00 ?
valueu mano !
Como faço pra colocar VALORES PERCENTUAIS %% nos grafícos ??
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!
muito bom
Parceiro tem alguma configuracao para nao deixar os labels se sobreporem? agradecimentos
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
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?
Eu tenho uma duvida, se tem como mesclar php com java no mesmo arquivo.php
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.
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.
gostei muito!! ;D
pode baixar a biblioteca chart.js para usar grafico offiline ?
Eai, pode?
Pode! Online é uma das opções.
Javascript é para ser processado no navegador gente(offline).
Soundtrack name, plzz?
Top! Vlw!
poderia fornecer o código desse video?
Ferreira Studios Como adicionar o sinal de cifrão ($) antes dos valores? Para gerar esse resultado: R$ 9.000,00
top!!!
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.
E possível fazer come esse só que em tempo real?
Valeu!!!!!!!!!
Tem como criar um link em cada nó??
Como consigo colocar dois gráficos lado a lado?
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 ..
para ler json?
Não funcionou comigo :(
Nossa aqi funcionou tudo certinho, menos essa animação, o que devo saber, alguém me ajudaaaa pls
Separar dados do Excel de uma maneira simples? Tem como?
Nao consegui aqui dever ser o smartscreen
Cara nao sei porque mas nada aparece aqui. Nem a grade inicial
Conseguiu resolver? Comigo a mesma coisa!
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/
@@burn6170 Não consegui, estou apanhando até hoje.
manda esse teu código, to com preguiça de assistir o vídeo todo
55555