Skip to main content

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
1 voto
1 resposta
264 visitas

Usando ChartsJS

tudo beleza? Galera, to precisando de uma força na Lib do ChartJS, estou precisando colocar os valores dentro de um Stacked Groups, algo parecido com isso: Podem perceber que temos 2 valores, e ...
Roni's user avatar
  • 13
0 votos
1 resposta
553 visitas

Chartsjs exportar PNG automaticamente

Eu preciso exportar um gráfico co Chartjs (versão 2.7) para PNG que consegui em: https://jsfiddle.net/uabczmxa/ O único problema que preciso apertar o botão. Alguém saberia o que modificar no ...
Wellington Telles Cunha's user avatar
1 voto
0 respostas
338 visitas

Gráficos usando ChartJS, Mongodb e Angular

Boa noite, tenho o seguinte model: var mongoose = require('mongoose'); module.exports = function() { var schema = mongoose.Schema({ nome: { type: String, ...
veroneseComS's user avatar
  • 2.819
3 votos
1 resposta
896 visitas

Chart.js não aparece

UPDATE: Agora aparecem as labels e o gráfico exibindo a quantidade, porém todo em cinza com os nomes como undefined. Estou tentando criar um gráfico com o Chart.js, mas ele não aparece na div, ela ...
user avatar
1 voto
1 resposta
2mil visitas

Chartjs - Inserir % no final de valor em tooltip

Estou fazendo um Chart.js em angular e preciso colocar o por cento ( % ) no final de cada tooltip onde mostra o valor no gráfico. Segue código do meu gráfico: Html: <canvas class="chart chart-...
Maurício Krüger's user avatar
2 votos
1 resposta
1mil visitas

Gráficos com PHP Chart.js [fechada]

Estou implementando gráficos na minha aplicação feita em PHP,usando Framework Chart.js,passando o dados da query via JSON,para montar o gráfico,porém quando vou renderizar o mesmo apresenta o seguinte ...
Rafael Luz's user avatar
1 voto
2 respostas
2mil visitas

Cor números chartjs

Fiz um código em js e php porém não estou achando onde que está setando a cor dos números que mostram os valores em cima dos pontos das linhas do gráfico. Preciso saber em que momento que seta a cor ...
Kevin.F's user avatar
  • 1.360
0 votos
0 respostas
67 visitas

Divisão em categorias chartjs

Situação: Tenho um gráfico que apresenta a performance do usuário e do grupo de acordo com algumas perguntas que foram respondidas por eles. Cada pergunta pertence a 1 módulo e possui um identificador ...
devinvestidor's user avatar
2 votos
1 resposta
993 visitas

Mudança de cor no gráfico com ChartJS não está funcionando

Poderiam me ajudar no caso abaixo? Estou tentando mudar a cor do gráfico para vermelho, mas a alteração não está funcionando. Código: function Devolucao() { if (CicloAtual != "") { var codCli = ...
Igor Carreiro's user avatar
1 voto
1 resposta
683 visitas

Tem como desativar a animação do de um gráfico Charts.js?

tem como desativar uma animação de um gráfico Charts.js? Estou montando um gráfico que atualiza a cada 300 milissegundos via ajax, porém a animação do gráfico Charts.js atrapalha a visualização. o ...
Diego Braga's user avatar
1 voto
0 respostas
61 visitas

ChartJS só começa o gráfico quando altero o zoom da página

Gente, por algum motivo meu gráfico feito em chartJS só mostra os dados quando eu aperto ctrl+shift+i pra abrir o console ou quando altero o zoom da página, o que não é algo muito interessante pra um ...
Gabriel Augusto's user avatar
1 voto
1 resposta
2mil visitas

Gráfico de minutos por horas com chart js

Não sei se vou conseguir ser claro, mas gostaria de fazer um gráfico mostrando a linha de utilização de CPU por minuto com Chart JS, porém com o eixo Y arredondando por hora. Consegui fazer o ...
Giovan Cruz's user avatar
1 voto
0 respostas
51 visitas

Chart.Js ação mousehover

Olá, gostaria de saber como faço para aumentar o tamanho da "legenda" na ação mousehover da biblioteca Chart.Js.. eu li e não encontrei na documentação, alguém saberia? segue imagem de como está ...
M. Bertolazo's user avatar
-1 votos
1 resposta
397 visitas

Como importar a biblioteca Chart.js em um arquivo ASP?

Estou tentando inserir um gráfico com o Chart.js em uma página ASP (não ASP.NET). Vi alguns tutoriais do próprio Chart.js e encontrei a seguinte instrução: You can download the latest version of ...
André Filipe da Conceição's user avatar
0 votos
1 resposta
1mil visitas

ChartJS com PHP

Opa, estou usando o ChartJS para geração de gráficos, estou integrando com PHP para envio de json ao gráfico php $arrLabels = array("January","February","March"); $arrDatasets = array('label' => ...
sNniffer's user avatar
  • 1.020
1 voto
1 resposta
105 visitas

Line chart sendo populado somente com ultimo registro somente em while/php

Código: <!doctype html> <html> <head> <title>Line Chart</title> <script src="dist/Chart.bundle.js"></script> <script src="utils.js"></...
Otácio Barbosa's user avatar
1 voto
0 respostas
62 visitas

Como usar o flot chart num web server?

Boas Eu tenho um web server Apache a correr num raspberry pi. Esse web server tem um ficheiro view_action.php que faz o include de outra página graph.html. Este graph.html É uma cópia de um código ....
Ricardo Falcão's user avatar
4 votos
2 respostas
1mil visitas

Sobreposição de gráfico no chartJS

estou com o seguinte problema, surgiu a necessidade de criar gráficos de forma dinâmica a partir de um select que representa as escolas do sistema e conforme for clicado gerar um gráfico de pizza com ...
Osmael de Sousa Braga's user avatar
0 votos
1 resposta
380 visitas

RADAR CHART - Chartjs - Exibir Sublabels

estou usando o RADAR CHART do chartjs (http://www.chartjs.org/docs/#radar-chart). Gostaria de saber se conseguimos fazer sublabels no gráfico e como faríamos isso. Segue codigo: jsfiddle.net/f794khyf/...
Rodrigo Passos's user avatar
1 voto
1 resposta
150 visitas

Chartjs rotacionar texto

Gostaria de saber, tenho um texto criado com canvas no chartJS]. Como faço para rotacionar o texto, o mesmo ficando na vertical no centro da linha. Tentei com Rotate, mas desapareceu do gráfico o ...
abcd's user avatar
  • 1.269
1 voto
0 respostas
309 visitas

Erro Chart.js no Laravel?

Galera estou tentando usar o Chart.js no Laravel através da própria lib deles, mas me retorna o seguinte erro: Call to undefined method Fx3costa\LaravelChartJs\Builder::size() Não sei o que pode ser,...
Carlos Belchior's user avatar
1 voto
1 resposta
93 visitas

Como detectar o dataset selecionado em um charts

estou usando o seguinte código para detectar o dataset, porem o INDEX vem errado, onde o valor seria o index do charts e não do dataset. Preciso recuperar a label do dataset correspondente ao que ...
Matheus's user avatar
  • 1.829
-2 votos
1 resposta
140 visitas

Gráfico não escondendo valor da última coluna [fechada]

O último valor da coluna não se esconde. Quando eu escondo o vendedor 4 o gráfico não esconde os valores do vendedor <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta ...
Eduardo's user avatar
  • 69
1 voto
1 resposta
2mil visitas

Mais de um gráfico com Chart.js

Olá, Estou tendo problemas ao tentar mostrar mais de dois gráficos com chart.js; No momento eu tenho dois gráficos que carregam perfeitamente no meu código (ctx, ctx2), já quando tento carregar o ...
João Vitor's user avatar
2 votos
2 respostas
3mil visitas

Como usar Chart.Js com ASP.NET MVC

Bem, estou retornando uma lista de e enviando para View. E preciso implementar isso através de um gráfico com Chart.js. Tenho a classe Pais: [Table("Pais")] public class Pais { [Key] public ...
Renan Carlos's user avatar
  • 1.604
1 voto
1 resposta
5mil visitas

Populando Chart.js com dados de requisição AJAX

Olá, Primeiramente vou dar uma breve introdução de como funciona o meu sistema para que vocês entendam exatamente a minha dificuldade. Talvez fique um pouco grande, me desculpe. Dentro do meu ...
João Vitor's user avatar
0 votos
1 resposta
216 visitas

Mostrar gráfico chartJS mesmo que não tenha dados

Existe maneira de exibir as colunas do gráfico BarChart do ChartJS, mesmo que não tenham dados para ser exibidos?
Rodrigo Segatto's user avatar
0 votos
2 respostas
577 visitas

Diminuir o número de barras do gráfico BarChart chart js

Como posso diminuir o número de barras a serem exibidas de acordo com o mês que estamos? Ec: atualmente nosso mês é 11 (Nov), desta forma, gostaria que fossem apresentadas apenas as 10 primeiras ...
Rodrigo Segatto's user avatar
2 votos
1 resposta
482 visitas

Javascript: ChartJS - Como destacar "pedaço" do gráfico quando usuário clicar?

Estou trabalhando com o Chart.js e meu gráfico, do tipo doughnut, já está bonitinho, porém gostaria que, se o usuário clicar em uma parte do gráfico o "pedaço" ficasse em destaque... pode ser ...
Andresa Prates's user avatar
1 voto
1 resposta
472 visitas

Chart.js - Tipo Line - JSON - SQL Server

Estou montando minha primeira Chart. Quando uso constantes no data o chart renderiza normalmente, mas quando carrego informações do banco sql não tenho o mesmo sucesso. Segue código ... <div id="...
Winston's user avatar
  • 53
0 votos
2 respostas
384 visitas

Dar Foreach em label no Chartjs / Canvas - CodeIgniter

Estou com um problema aqui, que pode ser até simples, não sei Estou usando um frame pra gráfico, onde eu posso colocar as labels que eu quero para então ela ser exibida a cada barra. Ficando assim: ...
Override_GER's user avatar
0 votos
1 resposta
536 visitas

Atualizar div com Javascript ou AngularJS - para IONIC

Olá, Tenho o seguinte problema, eu tenho um select com um método onchange que eu gostaria que atualizasse um div. O motivo disso é porque tenho um 3 gráficos feitos em angular-chart.js e (...
Renan Nunes Steinck's user avatar
2 votos
0 respostas
342 visitas

Adicionar número no centro de gráfico

Comecei a ver o chart JS faz pouco tempo, e precisava que meu gráfico de forma doughnut ficasse com a porcentagem do primeiro valor no meio do gráfico, como está nessa imagem: No caso do exemplo, ...
Pedro Henrique Kuzminskas's user avatar
1 voto
0 respostas
646 visitas

Formatar valor para R$ no gráfico Chart JS [duplicada]

Bom a algum tempo atrás, um usuário aqui do STACK me ajudou a solucionar um problema com formatação de moeda no gráfico Chart JS. Porém achei um novo problema. Com a ajuda do Sergio conseguimos ...
Hugo Borges's user avatar
  • 5.426
1 voto
0 respostas
84 visitas

Problema com tamanho minimo em gráfico chartj

var config = { type: 'radar', data: { labels: ["Confiança", "Atividade", "Juros", "Condições de financiamento", "Concessões reais", "Atratividade do Financiamento Imobiliário", "...
Jonas Cruvinel's user avatar
1 voto
1 resposta
112 visitas

ChartJS 2.0 Rotation

Como eu posso rotacionar o texto? O que eu tenho: Estou tentado rotacionar mas o ctx.translate não funciona direito, vejam: Esse é meu código: animation: { onComplete: ...
Felipe Auler's user avatar
2 votos
3 respostas
5mil visitas

Chart JS - ocultar legenda

Olá! Estou utilizando o Chart.js em um projeto, porém necessito ocultar a legenda que é exibida acima do gráfico. Alguém que já trabalhou com este gráfico sabe informar como oculto esta parte? ...
Maurício Krüger's user avatar
2 votos
1 resposta
2mil visitas

Gerar gráficos com ChartJs e AngularJS

Estou com um problema ao gerar gráficos utilizando o ChartJS e o AngularJS. Ao carregar os dados de uma api X eu recebo um array de objetos que contém os dados necessários para gerar uma serie de ...
Leandro Araujo's user avatar
1 voto
1 resposta
688 visitas

Chart.js com Angular usando o ng-include. Gráficos não aparecem

Olá. No meu index.html tenho isto <div ng-include="'graficos.html'"> </div> no graficost.html tenho isto: <div class="row"> <div class="col-md-6 col-sm-...
novato's user avatar
  • 515
2 votos
1 resposta
2mil visitas

formatar uma legenda multipla com "R$" utilizando gráfico Chart JS

quando eu adiciono uma segunda linha no gráfico a legenda fica incorreta "sem o R$". como posso resolver esse problema? obrigado function formatar(valor) { var moeda = 'R$'; valor = ('' + ...
Fabio Marques's user avatar
5 votos
2 respostas
2mil visitas

como mudar o tipo de gráfico utilizando chart.js?

Pessoal estou desenvolvendo uma aplicação que me ajude a construir gráficos, e estava pensando em fazer de um modo em que o gráfico é construído dinamicamente conforme o usuário insira informação, a ...
user3628479's user avatar
1 voto
1 resposta
2mil visitas

Diminuir colunas ChartJs Bar Chart

Alguém sabe como posso trabalhar com o tamanho e largura das colunas azuis dentro do gráfico Bar Chart do Chartjs? Segue imagem exemplo. Gostaria de deixar as colunas mais finas e mais distantes umas ...
Rodrigo Segatto's user avatar
3 votos
2 respostas
6mil visitas

Dúvida de como formatar valor utilizando gráfico Chart JS

Galera estou usando uma plugin para Jquery chamado Chart JS. Bom e bem simples trabalhar com o plugin, o problema e que eu informo valores no padrão americano (33.33) e eu preciso que o gráfico exiba ...
Hugo Borges's user avatar
  • 5.426
2 votos
1 resposta
3mil visitas

ChartJS gráfico pie ou pizza exibir porcentagem

Utilizando a lib Chartjs(http://www.chartjs.org/) Há alguma forma simples, de fazer um gráfico do tipo "pie", exibir a porcentagem de cada cor, ou pelo menos permitir a inserção do caractere "%" após ...
mau humor's user avatar
  • 2.031
1 voto
0 respostas
303 visitas

Problema com label em cima dos gráficos no ChartJS

Estou usando o ChartJs e o StackedBar para criar alguns gráficos, porém, o ChartJs não tem opção de colocar os respectivos valores em cima das barras, para isso, implementei a seguinte solução: ...
Caio Gomes's user avatar
7 votos
3 respostas
1mil visitas

Como colocar um título na legenda do angular-chart

No meu gráfico de linhas queria que quando passar o mouse na linha do gráfico ao aparecer a legenda, e que ela tivesse um título. Isso so é possível preenchendo o array de labels, porem aparece em ...
War Lock's user avatar
  • 2.265
1 voto
0 respostas
953 visitas

Gráfico Chart JS - Inserir Label no Centro do Doughnut Charts

Tenho um gráfico do tipo Doughnut Charts - http://www.chartjs.org/ - e gostaria que o Label estivesse presente no centro do gráfico. Saberiam se isto é possível?
Rodrigo Segatto's user avatar
-1 votos
2 respostas
3mil visitas

Label e Legenda no gráfico ChartJs Doughnut Charts

Alguém saberia como incluir Legenda e Label acima do gráfico neste tipo abaixo? http://www.chartjs.org/docs/#doughnut-pie-chart Criei o meu, mas já inseri todas as options da documentação e o label ...
Rodrigo Segatto's user avatar
3 votos
1 resposta
92 visitas

Flot charts, default eixo dos x de há dois dias atrás até agora (ultimas 48 horas)

Eu tenho uma app que apresenta um gráfico cujo os dados veem da base de dados, em que as colunas de data armazenam um Unix timestamp, os dados são recebidos como uma JSON. Este gráfico funciona bem ...
Miguel's user avatar
  • 29,5mil
1 voto
1 resposta
284 visitas

Variavel PHP no JS dentro do While

Estou criando um grafico usando Chart.js e PHP, Gostaria que o valor viesse de um array em PHP com o indice de uma variavel do JS. Este é o código do que eu tentei fazer. <script type="text/...
Ricardo Miranda's user avatar