Biblioteca de gráficos para ReactJS: Apex Charts

Поделиться
HTML-код
  • Опубликовано: 4 дек 2024

Комментарии • 49

  • @LuizTools
    @LuizTools  2 года назад

    Conheça meus cursos em www.luiztools.com.br/meus-cursos

  • @lucasvieira7752
    @lucasvieira7752 5 месяцев назад

    OBRIGADO PROFESSOR LUIZ, MESMO DPS DE 1 ANO VC ME SALVOU A TIRAR NOTA, VC É UM EXCELENTE PROFISSIONAL

    • @LuizTools
      @LuizTools  5 месяцев назад

      Fico feliz que tenha gostado Lucas!

  • @brunnogoncalvesferreira
    @brunnogoncalvesferreira Год назад

    Muito top Luiz !!!! Parabéns pelo video!!!!

    • @LuizTools
      @LuizTools  Год назад

      Fico feliz que tenha gostado!

  • @joaojunior8238
    @joaojunior8238 2 года назад

    funcionou, parabéns pelo conteúdo, vc é fera

    • @LuizTools
      @LuizTools  2 года назад

      Fico feliz que tenha gostado. Amanhã sai um vídeo continuando o uso desta biblioteca, acho que vai curtir!

  • @raphandrews1
    @raphandrews1 Год назад

    gostei mano .. explicadinho chic demais

    • @LuizTools
      @LuizTools  Год назад

      Fico feliz que tenha gostado Andrews!

  • @joallissonnascimentocastro6438
    @joallissonnascimentocastro6438 2 года назад

    +1 Inscrito, seu conteúdo é muito top mano! vlwwwww

  • @jamirluizdossantos1337
    @jamirluizdossantos1337 5 месяцев назад

    Muito bom. Vou testar.

    • @LuizTools
      @LuizTools  5 месяцев назад

      Fico feliz que tenha gostado Jamir!

  • @lucasguitar00
    @lucasguitar00 Год назад +1

    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.

    • @LuizTools
      @LuizTools  Год назад

      Não tenho, fiz apenas candles e linha, mas pode fazer com a mesma biblioteca, dá uma olhada na documentação dela.

  • @tudoeamatematica
    @tudoeamatematica Год назад

    Mas como passar informações do banco de dados para ele, via select. Como ficaria a rotina?

    • @LuizTools
      @LuizTools  Год назад

      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.

  • @daviemanuels
    @daviemanuels 4 месяца назад

    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

    • @LuizTools
      @LuizTools  4 месяца назад

      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.

  • @vagnersantos9488
    @vagnersantos9488 8 месяцев назад

    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.

    • @LuizTools
      @LuizTools  8 месяцев назад

      Certo, a biblioteca que mostrei vai te atender, mas qual a sua dúvida exatamente?

    • @vagnersantos9488
      @vagnersantos9488 8 месяцев назад

      @@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

    • @vagnersantos9488
      @vagnersantos9488 8 месяцев назад

      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.

    • @LuizTools
      @LuizTools  8 месяцев назад

      @@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.

    • @vagnersantos9488
      @vagnersantos9488 8 месяцев назад

      @@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.

  • @MarcosSmith-py4jk
    @MarcosSmith-py4jk 3 месяца назад

    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.

    • @LuizTools
      @LuizTools  3 месяца назад +1

      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

  • @ronaldosilva7927
    @ronaldosilva7927 Год назад

    Nao tem a opcao de dar zoom so no eixo y ou x via codigo, so nos botoes da tools

    • @LuizTools
      @LuizTools  Год назад

      Realmente não sei dizer. Via código eu só precisei injetar os dados mesmo, não fui mais longe que isso.

  • @luanpablo9519
    @luanpablo9519 Год назад

    cara eu preciso colocar um map dentro do grafico no x e y, de uma api. tem como me ajudar ?

    • @LuizTools
      @LuizTools  Год назад

      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.

  • @aparecidofonseca7678
    @aparecidofonseca7678 2 года назад

    muito top!

    • @LuizTools
      @LuizTools  2 года назад

      Fico feliz que tenha gostado, amanhã sai a continuação!

  • @mariribi51
    @mariribi51 2 года назад

    O options dá erro e não consigo descobrir qual é o problema.

    • @LuizTools
      @LuizTools  2 года назад +1

      Se me informar o erro talvez eu consiga dar alguma ideia do que pode ser.

    • @LuizTools
      @LuizTools  2 года назад +1

      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
      @LuizTools  2 года назад +1

      Eu preciso da mensagem de erro, acho que você colou o seu código por engano.

    • @mariribi51
      @mariribi51 2 года назад

      @@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'

    • @LuizTools
      @LuizTools  2 года назад +1

      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.

  • @Leandr0Caetan0
    @Leandr0Caetan0 Месяц назад

    Foda

    • @LuizTools
      @LuizTools  Месяц назад +1

      Fico feliz que tenha gostado Leandro!

    • @Leandr0Caetan0
      @Leandr0Caetan0 Месяц назад

      @LuizTools tava procurando algo assim pro React. Porém meu back ta em ASP Clássico, a pior parte ainda esta por vir kkkkkkkkkkkk

    • @LuizTools
      @LuizTools  Месяц назад +1

      @@Leandr0Caetan0 eita, não sabia que ASP clássico ainda respirava em algum projeto, hahaha

    • @Leandr0Caetan0
      @Leandr0Caetan0 Месяц назад

      @@LuizTools é legado, tamo migrando pra AWS e ta dando uns pepino

  • @joaojunior8238
    @joaojunior8238 2 года назад

    +1 inscrito