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.
111
perguntas
-2
votos
0
respostas
7
visitas
grafico usando chartjs versão 2.9.3 mostrando um "0" quando é renderizado
boa tarde pessoal, tudo bem? Gostaria da ajuda de alguém, criei um gráfico utilizando chartjs versão 2.9.3 que é o que o projeto que atuo usa, e quando o gráfico é mostrado na tela aparece um "0&...
-3
votos
0
respostas
16
visitas
Como adicionar porcentagens no polar chartjs vuejs
eu quero mostrar além do valor, a porcentagem de cada item no gráfico, mas não estou conseguindo de forma alguma.
Estou usando vue 2 com o gráfico polar chart
the code:
Codesandbox
polarChart: {
...
-2
votos
1
resposta
51
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 ...
0
votos
0
respostas
325
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 ...
0
votos
0
respostas
25
visitas
Utilizar horas em chart js
Contexto:
Preciso coletar uma série de eventos, e fazer um gráfico com o número de eventos em determinados
dias, beleza, isso deu certo.
Porém, seguindo esse gráfico, preciso fazer outro embaixo dele ...
1
voto
1
resposta
30
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 ...
-2
votos
1
resposta
58
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 ...
0
votos
2
respostas
1mil
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: &...
1
voto
1
resposta
210
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.
...
-1
votos
1
resposta
165
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.
<!...
0
votos
1
resposta
492
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 ...
0
votos
1
resposta
939
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 { ...
-1
votos
1
resposta
567
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(...
-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: ...
-2
votos
1
resposta
236
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á ...
0
votos
1
resposta
276
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 ...
-1
votos
1
resposta
201
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,...
0
votos
3
respostas
2mil
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"&...
3
votos
1
resposta
373
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 ...
0
votos
0
respostas
186
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 <...
-1
votos
1
resposta
93
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
@...
1
voto
0
respostas
121
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 ...
1
voto
0
respostas
125
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....
0
votos
0
respostas
207
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 ...
0
votos
1
resposta
728
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:}, ...
0
votos
0
respostas
46
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: '...
-1
votos
1
resposta
294
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 './...
0
votos
0
respostas
51
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 ...
1
voto
1
resposta
2mil
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":...
1
voto
1
resposta
782
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"
},
{
...
0
votos
1
resposta
204
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/...
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 ...
0
votos
0
respostas
531
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 ...
0
votos
1
resposta
617
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 ...
1
voto
1
resposta
2mil
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 ?>)',
...
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 ...
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)....
0
votos
0
respostas
318
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 ...
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 ...
0
votos
1
resposta
1mil
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.
0
votos
1
resposta
2mil
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 ...
0
votos
2
respostas
150
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 ...
0
votos
0
respostas
338
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 ...
0
votos
1
resposta
410
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 ...
0
votos
1
resposta
853
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 ...
0
votos
1
resposta
600
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 ...
0
votos
1
resposta
509
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/
...
1
voto
0
respostas
554
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 é ...
0
votos
1
resposta
648
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; ...
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
/******************...