Tem algum video ensinando fazer o gráfico de "pizza" mostrando dados de uma api? Vi seu vídeo com o exemplo da binance, mas não encaixou no que preciso.
O seu backend vai ter de fazer a consulta e retornar via API os dados quando o frontend solicitar a ele. O front pode usar Axios para falar com o back, tem vídeo no canal ensinando a usar.
Luiz boa tarde! Tenho uma duvida estou desenvolvendo uma aplicação onde listo os dados do banco e preciso fazer um grafico, um exemplo e venda de carros por mes e queria somar para colocar no grafico a venda anual das montadoras.
Eu sou inciante, estou aprendendo e este e um projeto pessoal que estou fazendo para praticar. Vejo muitos videos seu no youtube que esta me ajudando muito.
@@vagnersantos9488 não é uma dúvida específica, é realmente o desenvolvimento todo então, haha. A dica que consigo dar neste caso é que primeiro implemente a consulta SQL. Com ela funcionando, implemente o backend que vai consumi-la. Só com ele também funcionando você parta para o gráfico em si. Se tentar começar pelo gráfico ou tentar fazer tudo junto terá problemas. Quebre o problema grande em problemas menores e conseguirá avançar com mais qualidade, estudando em etapas tudo que é necessário.
Professor um cliente me pediu para desenvolver um dashboard para ele na web, então ele vai acessar o sistema com login e senha e vai ter acesso as informações da loja dele, eu vou precisar fazer conexão com banco de dados via API, mas nunca fiz esse trabalho e não consigo estimar um valor, o senhor poderia me dar uma orientação de quanto cobrar? Abração para o senhor.
Infelizmente não tenho como fazer a análise necesssária para chegar no valor que deve cobrar, então recomendo que assista este vídeo, vai te ajudar: ruclips.net/user/liveMOT7zoSg5fA
Desculpe, eu realmente não entendi o que precisa fazer. Se puder mandar mais detalhes e eu tiver algum conteúdo produzido que possa lhe ajudar, certamente o indicarei.
Não recebi nada, acredito que eu não tenha lhe passado meu gmail, deve ter mandado para outra pesoa. Se você estiver em algum dos meus cursos, pode chamar lá no grupo de alunos. Caso contrário manda o erro aqui mesmo, só copiar e colar a mensagem que se eu tiver alguma ideia do que se trata dou alguma dica. Outra dica é você pegar no link da descrição os meus fontes (ficam no blog, tem até form para baixar) e dar uma comparada com os seus, para ver o que fez de diferente e que possa ter quebrado o projeto.
@@LuizTools foi mesmo, coloquei o código. No overload matches this call. Overload 1 of 2, '(props: Props | Readonly): ReactApexChart', gave the following error. Type '{ labels: string[]; chart: { background: string; foreColor: string; }; colors: string[]; legend: { show: boolean; }; tooltip: { enabled: boolean; }; dataLabels: { enabled: boolean; offsetX: string; offsetY: string; style: { ...; }; }; plotOptions: { ...; }; }' is not assignable to type 'ApexOptions'. Types of property 'dataLabels' are incompatible. Type '{ enabled: boolean; offsetX: string; offsetY: string; style: { colors: string[]; fontSize: string; fontFamily: string; fontWeight: number; }; }' is not assignable to type 'ApexDataLabels'. Overload 2 of 2, '(props: Props, context: any): ReactApexChart', gave the following error. Type '{ labels: string[]; chart: { background: string; foreColor: string; }; colors: string[]; legend: { show: boolean; }; tooltip: { enabled: boolean; }; dataLabels: { enabled: boolean; offsetX: string; offsetY: string; style: { ...; }; }; plotOptions: { ...; }; }' is not assignable to type 'ApexOptions'. Types of property 'dataLabels' are incompatible. Type '{ enabled: boolean; offsetX: string; offsetY: string; style: { colors: string[]; fontSize: string; fontFamily: string; fontWeight: number; }; }' is not assignable to type 'ApexDataLabels'.ts(2769) react-apexcharts.d.ts(28, 5): The expected type comes from property 'options' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly' react-apexcharts.d.ts(28, 5): The expected type comes from property 'options' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'
Ao que parece você está usando TypeScript, esse é um erro de que não está passando um objeto com o tipo apropriado para a propriedade dataLabels dentro do seu options. Nunca usei TypeScript com ApexCharts, talvez tenha de dar uma olhada na documentação do site deles para ver a compatibilidade e até exemplos de como passar dataLabels no options com a tipagem correta.
Conheça meus cursos em www.luiztools.com.br/meus-cursos
OBRIGADO PROFESSOR LUIZ, MESMO DPS DE 1 ANO VC ME SALVOU A TIRAR NOTA, VC É UM EXCELENTE PROFISSIONAL
Fico feliz que tenha gostado Lucas!
Muito top Luiz !!!! Parabéns pelo video!!!!
Fico feliz que tenha gostado!
funcionou, parabéns pelo conteúdo, vc é fera
Fico feliz que tenha gostado. Amanhã sai um vídeo continuando o uso desta biblioteca, acho que vai curtir!
gostei mano .. explicadinho chic demais
Fico feliz que tenha gostado Andrews!
+1 Inscrito, seu conteúdo é muito top mano! vlwwwww
Valeu!
Muito bom. Vou testar.
Fico feliz que tenha gostado Jamir!
Tem algum video ensinando fazer o gráfico de "pizza" mostrando dados de uma api?
Vi seu vídeo com o exemplo da binance, mas não encaixou no que preciso.
Não tenho, fiz apenas candles e linha, mas pode fazer com a mesma biblioteca, dá uma olhada na documentação dela.
Mas como passar informações do banco de dados para ele, via select. Como ficaria a rotina?
O seu backend vai ter de fazer a consulta e retornar via API os dados quando o frontend solicitar a ele. O front pode usar Axios para falar com o back, tem vídeo no canal ensinando a usar.
Como faço pra, em vez de colocar dados estáticos, colocar os dados que estão sendo guardados no meu DB? Pra poder fazer as estatísticas reais
No lugar onde coloquei os dados estáticos você faz a consulta no seu banco de dados ou API e alimenta a variável com eles.
Luiz boa tarde! Tenho uma duvida estou desenvolvendo uma aplicação onde listo os dados do banco e preciso fazer um grafico, um exemplo e venda de carros por mes e queria somar para colocar no grafico a venda anual das montadoras.
Certo, a biblioteca que mostrei vai te atender, mas qual a sua dúvida exatamente?
@@LuizToolse como fazer para pegar os dados do banco e usar as funcoes de agregações para popular o grafico. Estou apanhando nisso a mais de 4 dias
Eu sou inciante, estou aprendendo e este e um projeto pessoal que estou fazendo para praticar. Vejo muitos videos seu no youtube que esta me ajudando muito.
@@vagnersantos9488 não é uma dúvida específica, é realmente o desenvolvimento todo então, haha. A dica que consigo dar neste caso é que primeiro implemente a consulta SQL. Com ela funcionando, implemente o backend que vai consumi-la. Só com ele também funcionando você parta para o gráfico em si. Se tentar começar pelo gráfico ou tentar fazer tudo junto terá problemas. Quebre o problema grande em problemas menores e conseguirá avançar com mais qualidade, estudando em etapas tudo que é necessário.
@@LuizToolsLuiz ja estou conseguindo trazer os dados para o front-end em forma de objetos, mas ai que o problema, nao estou sabendo mais o que fazer.
Professor um cliente me pediu para desenvolver um dashboard para ele na web, então ele vai acessar o sistema com login e senha e vai ter acesso as informações da loja dele, eu vou precisar fazer conexão com banco de dados via API, mas nunca fiz esse trabalho e não consigo estimar um valor, o senhor poderia me dar uma orientação de quanto cobrar? Abração para o senhor.
Infelizmente não tenho como fazer a análise necesssária para chegar no valor que deve cobrar, então recomendo que assista este vídeo, vai te ajudar: ruclips.net/user/liveMOT7zoSg5fA
Nao tem a opcao de dar zoom so no eixo y ou x via codigo, so nos botoes da tools
Realmente não sei dizer. Via código eu só precisei injetar os dados mesmo, não fui mais longe que isso.
cara eu preciso colocar um map dentro do grafico no x e y, de uma api. tem como me ajudar ?
Desculpe, eu realmente não entendi o que precisa fazer. Se puder mandar mais detalhes e eu tiver algum conteúdo produzido que possa lhe ajudar, certamente o indicarei.
muito top!
Fico feliz que tenha gostado, amanhã sai a continuação!
O options dá erro e não consigo descobrir qual é o problema.
Se me informar o erro talvez eu consiga dar alguma ideia do que pode ser.
Não recebi nada, acredito que eu não tenha lhe passado meu gmail, deve ter mandado para outra pesoa. Se você estiver em algum dos meus cursos, pode chamar lá no grupo de alunos. Caso contrário manda o erro aqui mesmo, só copiar e colar a mensagem que se eu tiver alguma ideia do que se trata dou alguma dica.
Outra dica é você pegar no link da descrição os meus fontes (ficam no blog, tem até form para baixar) e dar uma comparada com os seus, para ver o que fez de diferente e que possa ter quebrado o projeto.
Eu preciso da mensagem de erro, acho que você colou o seu código por engano.
@@LuizTools foi mesmo, coloquei o código.
No overload matches this call.
Overload 1 of 2, '(props: Props | Readonly): ReactApexChart', gave the following error.
Type '{ labels: string[]; chart: { background: string; foreColor: string; }; colors: string[]; legend: { show: boolean; }; tooltip: { enabled: boolean; }; dataLabels: { enabled: boolean; offsetX: string; offsetY: string; style: { ...; }; }; plotOptions: { ...; }; }' is not assignable to type 'ApexOptions'.
Types of property 'dataLabels' are incompatible.
Type '{ enabled: boolean; offsetX: string; offsetY: string; style: { colors: string[]; fontSize: string; fontFamily: string; fontWeight: number; }; }' is not assignable to type 'ApexDataLabels'.
Overload 2 of 2, '(props: Props, context: any): ReactApexChart', gave the following error.
Type '{ labels: string[]; chart: { background: string; foreColor: string; }; colors: string[]; legend: { show: boolean; }; tooltip: { enabled: boolean; }; dataLabels: { enabled: boolean; offsetX: string; offsetY: string; style: { ...; }; }; plotOptions: { ...; }; }' is not assignable to type 'ApexOptions'.
Types of property 'dataLabels' are incompatible.
Type '{ enabled: boolean; offsetX: string; offsetY: string; style: { colors: string[]; fontSize: string; fontFamily: string; fontWeight: number; }; }' is not assignable to type 'ApexDataLabels'.ts(2769)
react-apexcharts.d.ts(28, 5): The expected type comes from property 'options' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'
react-apexcharts.d.ts(28, 5): The expected type comes from property 'options' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'
Ao que parece você está usando TypeScript, esse é um erro de que não está passando um objeto com o tipo apropriado para a propriedade dataLabels dentro do seu options. Nunca usei TypeScript com ApexCharts, talvez tenha de dar uma olhada na documentação do site deles para ver a compatibilidade e até exemplos de como passar dataLabels no options com a tipagem correta.
Foda
Fico feliz que tenha gostado Leandro!
@LuizTools tava procurando algo assim pro React. Porém meu back ta em ASP Clássico, a pior parte ainda esta por vir kkkkkkkkkkkk
@@Leandr0Caetan0 eita, não sabia que ASP clássico ainda respirava em algum projeto, hahaha
@@LuizTools é legado, tamo migrando pra AWS e ta dando uns pepino
+1 inscrito