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.
108 perguntas
-4
votos
1
resposta
75
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 ...
-2
votos
1
resposta
230
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
1mil
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 ...
1
voto
1
resposta
49
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
129
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
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: &...
1
voto
1
resposta
329
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
464
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
891
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
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 { ...
-1
votos
1
resposta
1mil
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
305
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
424
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
330
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
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"&...
3
votos
1
resposta
534
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
243
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
176
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
147
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
172
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
280
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
978
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
263
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
432
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
125
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
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":...
1
voto
1
resposta
936
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
264
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
639
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
757
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
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 ?>)',
...
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
415
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
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.
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 ...
0
votos
2
respostas
169
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
378
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
549
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
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 ...
0
votos
1
resposta
842
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
626
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
668
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
710
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
/******************...
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....
0
votos
1
resposta
924
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(...