Perguntas com a tag [chartjs]

Utilize esta tag quando a pergunta envolver a criação, edição ou manutenção de gráficos criados com a utilização da biblioteca ChartJS. Esta biblioteca open source, utiliza canvas (HTML5) e javascript para a criação de gráficos.

Filtrar por
Ordenado por
Com tags
-3 votos
1 resposta
24 visitas

Rótulos sempre visíveis em Vue Chart JS

Estou montando um gráfico numa aplicação JavaScript com Vue.js e preciso que os rótulos, informações do gráfico, fiquem sempre visíveis sem precisar do mousehover. Imagem de um gráfico O código do meu ...
Felipe Costacurta Paruce's user avatar
-2 votos
1 resposta
164 visitas

Como incremetar um valor no chart.js com o php

Estava Trabalhando em um projeto, e tive a ideia de juntar o chart.js com o php, pegar os dados do banco de dados com o php e jogar os valores dentro do script do chart.js para montar um gráfico com ...
Kawe Maximo Godoi's user avatar
0 votos
0 respostas
887 visitas

RESOLVIDO – Pré-definir o tamanho do eixo y no Chart.Js

Edit: Pessoal, acho que já resolvi. Em options é possível colocar esse código: scales: { y: { min: 0, max: 120, ticks: { stepSize: 20 } } } Com ele ...
Diogo's user avatar
  • 117
1 voto
1 resposta
40 visitas

Como relacionar valor de Json pré-definido com um json de uma chamada AJAX?

Faço uma chamada AJAX num endpoint, e isso me retorna um JSON que vou consumir para alimentar um gráfico da lib Chartjs, veja abaixo, o json que é retornado: De acordo com o "name" que ...
Jaison Dallabrida's user avatar
-2 votos
1 resposta
102 visitas

evento do button em React.JS

eu quero adicionar o grafico ao painel quando eu clicar no botão de acesso, como eu faço apra ele aparecer dentro do painel que eu estilizei sem colocar ele direto lá, só depois de clicar no button ...
user235874's user avatar
0 votos
2 respostas
2mil visitas

"export 'default' (imported as 'Chart') was not found in 'chart.js'

Quando eu dou um import Chart from 'chart.js' aparece esse erro no terminal: "export 'default' (imported as 'Chart') was not found in 'chart.js' E esses erros no console: Error in mounted hook: &...
Vinícius Alves's user avatar
1 voto
1 resposta
284 visitas

Exibir array dentro do chartjs

Será que poderiam me ajudar com a seguinte situação: Possuo uma coluna chamada tipo_evento , nela após o preenchimento de um formulário será inserida algum dos 4 itens: Colisão, PT, FURTO, Roubo. ...
Guilherme Mayrink's user avatar
-1 votos
1 resposta
353 visitas

Chart.js não aparece no html

Bom dia pessoal, recentemente resolvi implementar o chart.js em alguns projetos meus, porém ele não me exibe os dados. Estou deixando abaixo o código fonte de testes que não é exibido. <!...
Saw's user avatar
  • 7
0 votos
1 resposta
811 visitas

Charts.js Problema para trazer Dados ao gráfico!

Tenho um gráfico do Google Charts que funciona perfeitamente trazendo os dados do banco através do ajax, porém tentei fazer o mesmo com o Charts.js e não consigo. Gostaria de saber como eu faço para ...
user avatar
0 votos
1 resposta
2mil visitas

Como aumentar espessura das barras em Chart.js?

Estou usando o chart.js no react e gostaria que as barras do meu gráfico ficassem mais espessas, sem se amontoarem. A seguir meu componente que renderiza o gráfico: import React from 'react'; import { ...
yoyo's user avatar
  • 774
-1 votos
1 resposta
906 visitas

Como mudar dinamicamente a cor das barras do gráfico no Chart.js

Eu queria mudar a cor de cada barra do gráfico de acordo com seu valor. Se o valor for menor do que zero, a barra deve ficar vermelha e se for maior do zero fica verde. function gerarGraficoDiario(...
Eudson Durães's user avatar
-2 votos
1 resposta
1mil visitas

Popular Chart.JS com dados do MySQL passado no render da página por uma função async

Fala pessoal, estou querendo popular um gráfico de pizza na minha página dashboard, porém não estou conseguindo, podem me ajudar (Não quero usar php, somente javascript, jquery e html). Gráfico: ...
Fabio Eduardo Argenton's user avatar
-2 votos
1 resposta
269 visitas

Problema ao selecionar mês com chart.js

Olá, estou tendo um problema, talvez não esteja fazendo corretamente, mas, vamos lá! Eu utilizo um gráfico com chart.js, consegui trazer os dados do sql do mês desejado normalmente, ele está ...
Guilherme Mayrink's user avatar
0 votos
1 resposta
385 visitas

Alterar cores dos gráficos com chartjs

Galera, estou utilizando o ChartJs para criação de uma dashboard e queria mudar as cores dos gráficos. Achei a biblioteca Patternomaly que auxilia nessas alterações, mas não estou sabendo importar em ...
Gedan Magalhães's user avatar
-1 votos
1 resposta
278 visitas

Chart Js não funciona,dizendo que variavel não foi declarada [fechada]

Boa noite pessoal,ao executar o codigo abaixo diz: "Uncaught ReferenceError: Chart is not defined" já tentei varios modos,porem esse me pareceu o mais logico.Gostaria de ajuda com exemplos se possivel,...
Rodrigo Almeida Bezerra's user avatar
0 votos
3 respostas
3mil visitas

Uncaught ReferenceError: Chart is not defined

Estou seguindo a documentação Chats.js para implementar gráficos em meu código a estrutura do meu HTML é bem simples <html> <head> <script type="text/javascript" src="./chart.js"&...
Fábio Santos's user avatar
3 votos
1 resposta
475 visitas

Como passar o retorno(JSON) de uma requisição getJson dentro do data onde será os valores do gráfico?

funciona da seguinte forma, tem um .js que tem os gráficos montados, mas porém com os valores inseridos diretamente, eu to tendo uma dificuldade em achar um conteúdo que se encaixe diretamente nesse ...
Antonio Dvino's user avatar
0 votos
0 respostas
236 visitas

Atualizar span em evento hover de grafico chart.js de componente vue

Olá, estou criando um componente em Vue.js para gerar um grupo de gráficos dinâmicos, os valores ainda estão estáticos, pois ainda estou moldando. O atual problema, é quero conseguir atualizar um <...
Bulfaitelo's user avatar
  • 1.743
-1 votos
1 resposta
146 visitas

Preciso adicionar o valor de porcentagem para a legenda (ChartsJS)

Eu queria adicionar o valor das porcentagens para a legenda, já tentei de diversas formas, e mesmo assim não consegui a solução para o meu problema. Componente com as configurações do gráfico @...
Lucas Alberth's user avatar
1 voto
0 respostas
139 visitas

Colocar legenda dinamica em grafico com ChartJS?

Estou tentando colocar legendas de forma dinâmica no meu gráfico, entretanto todos os exemplos que vi na Internet até agora são voltados para a parte de frontend (com HTML ou JavaScript), enquanto que ...
Rodrigo Nantes's user avatar
1 voto
0 respostas
162 visitas

Gráfico AmCharts com duas linhas e zoom

Estou utilizando esse gráfico na minha página: // Themes begin am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("chartdiv", am4charts....
Rafael's user avatar
  • 475
0 votos
0 respostas
262 visitas

Ng2-charts Angular 2 - Atualização é realizada no gráfico, porém, com dados vazios

Estou tentando atualizar um gráfico utilizando ng2-chartjs no Angular 2 (especificamente Angular 7.2.0). Ao atualizar, o gráfico é redimensionado, porém, a linha do gráfico não é desenhada. Para ficar ...
Matheus Bernardi's user avatar
0 votos
1 resposta
911 visitas

colocar subtitle em chart.js

Estou trabalhando em um gráfico, e estou tentando colocar um Subtitle que varia de acordo com o valor que o usuário escolhe. Não achei em nenhum doc como fazer isso, e tentei usar um Subtitle:{text:}, ...
Marli Benicio's user avatar
0 votos
0 respostas
227 visitas

Valores em Gráficos

Como faço para que apareça valores ao lado das barras no gráfico? var ctx = document.getElementById('desafios').getContext('2d'); window.myHorizontalBar = new Chart(ctx, { type: '...
Alexandre Prezzi's user avatar
-1 votos
1 resposta
378 visitas

Gráficos com PHP

Estou com dificuldades para gerar gráficos usando dados vindos do banco. Tenho uma consulta no banco que gera como resultado um array. (Segue abaixo) <?php require_once './...
Alexandre Prezzi's user avatar
0 votos
0 respostas
99 visitas

Ajuste em gráficos com charjs

Bom dia pessoal, tenho um gráfico que possui uma variável com 100 valores, porém quando o chartJs vai exibir ele abstrai e exibe menos pontos do que deveria, fazendo que que o gráfico fique meio ...
Jeison Guimarães's user avatar
1 voto
1 resposta
3mil visitas

Como fixar a porcentagem em cima do gráfico usando ChartJS?

Tenho o seguinte gráfico: var chartData = [{"visitor": 39, "visit": 1}, {"visitor": 18, "visit": 2}, {"visitor": 9, "visit": 3}, {"visitor": 5, "visit": 4}, {"visitor": 6, "visit": 5}, {"visitor":...
Rafael's user avatar
  • 475
1 voto
1 resposta
882 visitas

Como adicionar legenda em um gráfico usando ChartJS?

Criei o seguinte gráfico: var data = [ { value: 300, color:"#F7464A", highlight: "#FF5A5E", label: "Red", subtitle: "texto" }, { ...
Rafael's user avatar
  • 475
0 votos
1 resposta
251 visitas

Erro ao criar gráfico com dados de API - Axios/Vue

Olá, estou construindo um gráfico que coleta dados meteorológicos da cidade de Curitiba através de um retrieve de uma API, porém nada é coletado e assim o gráfico não é criado, estou utilizando de vue/...
Nithogg's user avatar
  • 97
0 votos
1 resposta
1mil visitas

Como formatar valores monetários para ser exibido em formato brasileiro com chartjs

Como formatar valores monetários para ser exibido em formato brasileiro com chartjs, no tooltip e no eixo Y do gráfico abaixo eu queria exibir : R$199,99 e R$2.888,99 Mas não achei isso na ...
Daywison Ferreira Leal's user avatar
0 votos
0 respostas
602 visitas

Como reajusto o label de um gráfico chart js?

Como ajusto o tamanho da fonte do label ou coloco uma quebra de linha? O texto não está cabendo por completo, para monitor 1080 cabe, mas 720 acontece isso. Meu código: <script> var ...
Gabriel Lemos's user avatar
0 votos
1 resposta
710 visitas

Como popular Gráfico ChartJS com VueJs e Axios?

não estou conseguindo popular meu gráfico com dados vintos de uma api, podem me ajudar, não sei o que estou fazendo de errado! <template> <div class="py-1 bg-light px-5"> <div ...
Priscila Neu's user avatar
1 voto
1 resposta
3mil visitas

Como exibir valores do gráfico em chartJS sem mouseover?

var chartData = { labels: [<?php echo html_entity_decode($nomes) ?>], datasets: [{ label: 'Desempenho global (Todas limpezas efetuadas em <?php echo $anoAvaliado ?>)', ...
Vinicius Avanzi's user avatar
0 votos
0 respostas
3mil visitas

Erro sem explicação, Uncaught SyntaxError: Unexpected end of JSON input

Estou fazendo um gráfico e estou utilizando o Chart.js, PHP e jQuery. Consegui fazer rodar com as informações corretas, porém após um tempo ele para de funcionar e apresenta o seguinte erro: Uncaught ...
Edson Junior's user avatar
1 voto
1 resposta
39 visitas

Não consigo executar o laço jquerry

Preciso criar um laço para que o msm alimente um gráfico. while($(".previsto").eq(0).text(),){} Preciso pegar esses valores eq(0), eq(1), eq(2)... $(".previsto").eq(0).text(), $(".previsto").eq(1)....
Renan Araújo's user avatar
0 votos
0 respostas
385 visitas

Gerar gráfico usando ChartJS no Express

Estou tentando renderizar um gráfico usando ChartJS. Estou usando nodeJS (Express) e mongoDB. A ideia é pegar os dados do banco, passar para o front, e a partir disso, renderizar o gráfico. Já tenho ...
danibrum's user avatar
  • 147
0 votos
1 resposta
1mil visitas

Retornar label escolhida ao clicar em alguma coluna do gráfico - Chart.Js

Tenho um Dashboard feito em PHP e utilizo a biblioteca Chart.js. No Dashboard, possuo alguns gráficos que são alimentados no PHP, como nesse exemplo: E estou com uma dúvida, quando eu clicar em ...
Piupz's user avatar
  • 131
0 votos
1 resposta
2mil visitas

Alterar valores do eixo Y no chart js

Como alterar esses valores do eixo Y no chart js, esses valores de 5 a 50 foram colocados automaticamente pelo plugin, queria modifica-los.
Daywison Ferreira Leal's user avatar
0 votos
1 resposta
3mil visitas

Chartjs. Como ajustar a altura do gráfico de acordo com o tamanho da tabela? Ionic 3

Estou desenvolvendo um aplicativo em Ionic 3, em que consumo dados de uma API e mostro os dados em um gráfico na horizontal. A quantidade de dados retornada pela API não é padrão, então as vezes a ...
jraspante's user avatar
  • 301
0 votos
2 respostas
159 visitas

ChartJS + mysql + php (cadastros no mês)

Galera, tenho uma tabela de cadastros de usuários. Estou criando um chartjs para mostrar em um gráfico de barras o número de usuários cadastrados por mês. A consulta do mysql teria apenas que me ...
Léo Kovaski's user avatar
0 votos
0 respostas
369 visitas

Mostrar soma de objetos em gráfico - Django/Python/Sqlite

Como mostrar um gráfico com o somatório de objetos com Django/Python/SQlite? Nesse caso temos 'caixas_internos' (eixo y) por 'equipes' (eixo x) que estão renderizando valores de 'caixas_interno' por ...
Douglas P's user avatar
0 votos
1 resposta
495 visitas

ChartJs com dataset dinamico

Preciso criar um dataset dinamico onde os dados serão preenchido através de uma consulta no banco de dados, esses dados poderão gerar N barras a serem plotadas então o dataset precisa ser criado de ...
user avatar
0 votos
1 resposta
1mil visitas

Posicionar os labels e valores em gráfico

O código para o gráfico esta em HTML. No código que segue abaixo, existem estes labels: ["Área 2","Área 3","Área 7","Área 5","Área 10","Área 8","Área 11","Área 9","Área 1","Área 14"] De acordo com ...
Valdecir Renkaveski's user avatar
0 votos
1 resposta
799 visitas

Melhorar visual de informações no Chart.js

Estou desenvolvendo um sistema e utilizo o chart.js para gerar meus gráficos. Porém, em nível de usabilidade, ele está ruim, pois não mostra todas as informações das colunas. Olhando o gráfico acima ...
Piupz's user avatar
  • 131
0 votos
1 resposta
587 visitas

Chart.js different color for negative/positive chart bars

Chart.js: Tentando colocar uma cor para valores positivos e outra cor para valores negativos no gráfico. Funciona bem se houver pelo menos um valor negativo: Veja https://jsfiddle.net/c1w5Laee/78/ ...
Allan Andrade's user avatar
1 voto
0 respostas
631 visitas

Gráfico xy em tempo real no app inventor utilizando o chart.js

Sou novo na área de desenvolvimento em java, porém gostaria de saber como posso utilizar os gráficos chart.js para gerar um grafico scatter xy em tempo real com os dados de um sensor. O objetivo é ...
Joao Paulo Costa's user avatar
0 votos
1 resposta
685 visitas

Passar dados para viewbag do controller para view utilizando Chart.JS

Estou tentando passar os dados de uma lista para uma viewbag, porém não está retornando corretamente na view. Meu modelo e controle: public class DataPoint { public String nome = null; ...
Adriano Praia's user avatar
1 voto
1 resposta
2mil visitas

Como alterar chart.js exibir c,

Estou aprendendo trabalhar chartsjs trago data, com valor janeiro com 10 clientes, a escala fica 0.5, 1.0,1.5,2.0 eu gostaria de deichar com 1,2,3,4,... nao existe meio cliente /******************...
Junior Ramoty's user avatar
0 votos
1 resposta
2mil visitas

Linha Mediana Chart JS Line

Tenho um gráfico como a imagem abaixo em ChartJs: É possível traçar uma linha reta que demonstre a média dos valores como na imagem abaixo? Código Gráfico: $(function () { new Chart(document....
Rodrigo Segatto's user avatar
0 votos
1 resposta
876 visitas

Tooltip Chart JS Line Chart

Na imagem segue Gráfico em Linha que tenho. Gostaría que o tooltip saísse conforme exemplo abaixo: 80% Ao invés da forma como está: 03 : 80 Código Gráfico: $(function () { new Chart(...
Rodrigo Segatto's user avatar