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
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 ...
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 ...
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,
...
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 ...
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-...
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 ...
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 ...
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 ...
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 = ...
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 ...
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 ...
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 ...
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á ...
-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 ...
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' => ...
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"></...
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 ....
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 ...
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/...
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 ...
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,...
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 ...
-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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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="...
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:
...
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 (...
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, ...
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 ...
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", "...
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: ...
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?
...
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 ...
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-...
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 = ('' + ...
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 ...
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 ...
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 ...
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 ...
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:
...
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 ...
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?
-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 ...
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 ...
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/...