Estou usando o gráfico de linhas de http://www.chartjs.org/
Como você pode ver o valor máximo (130) e o valor mínimo (60) para o eixo Y são escolhidos automaticamente, quero o valor máximo = 500 e o valor mínimo = 0. Isso é possível?
Estou usando o gráfico de linhas de http://www.chartjs.org/
Como você pode ver o valor máximo (130) e o valor mínimo (60) para o eixo Y são escolhidos automaticamente, quero o valor máximo = 500 e o valor mínimo = 0. Isso é possível?
Você deve substituir a escala, tente o seguinte:
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
scaleOverride : true,
scaleSteps : 10,
scaleStepWidth : 50,
scaleStartValue : 0
});
}
scales
objeto nas versões 2.x é bem diferente. Consulte a resposta do @OferSegev abaixo e a documentação 2.x aqui .Para chart.js V2 (beta), use:
Consulte a documentação do chart.js sobre configuração de eixos lineares para obter mais detalhes.
fonte
min
,max
estepsize
atributos doticks
namespacesuggestedMax
para o valor máximo mínimofonte
ChartJS v2.4.0
Conforme mostrado nos exemplos em https://github.com/jtblin/angular-chart.js no dia 7 de fevereiro de 2017 (já que isso parece estar sujeito a alterações frequentes):
Isso resultará em valores do eixo y de 5 como tais:
fonte
xAxes
eyAxes
deveria estar aninhadoscales
nas opções. Que mais isso é mais recente que a resposta de Ofer Sergev, que parece estar correta, também é surpreendente.Escrevendo isso em 2016, enquanto o Chart js 2.3.0 é o mais recente. Aqui está como alguém pode mudar isso
fonte
As respostas acima não funcionaram para mim. Possivelmente, os nomes das opções foram alterados desde 11, mas o seguinte fez o truque para mim:
fonte
Eu configuro com 'opções' na v2.
Você deve ler a documentação: http://www.chartjs.org/docs/#scales-linear-scale
fonte
Eu escrevi um js para exibir valores de 0 a 100 no eixo y com um intervalo de 20.
Este é o meu script.js
Este é o gráfico exibido na web.
fonte
> Melhor Solução
fonte
Basta definir o valor para scaleStartValue em suas opções.
Veja a documentação para isso aqui .
fonte
fonte
Isto é para Charts.js 2.0:
A razão pela qual algumas delas não estão funcionando é porque você deve declarar suas opções ao criar seu gráfico da seguinte maneira:
A documentação para isso está aqui: http://www.chartjs.org/docs/#scales
fonte
Com 1.1.1, usei o seguinte para fixar a escala entre 0,0 e 1,0:
fonte
No meu caso, usei um retorno de chamada em ticks yaxis, meus valores estão em porcentagem e, quando chega a 100%, não mostra o ponto, usei o seguinte:
E funcionou bem.
fonte
Como nenhuma das sugestões acima me ajudou com o charts.js 2.1.4, resolvi adicionando o valor 0 à minha matriz de conjunto de dados (mas sem rótulo extra):
fonte
Eu estava usando uma versão antiga do modelo do Flat Lab em vários projetos meus que estavam usando a v1.x do chart.js, da qual não tenho certeza. . O que foi mencionado acima
(bardata,options)
não estava funcionando para mim.Então aqui está o hack para a versão 1.x
Substitua por:
fonte
Os gráficos têm um valor "min" e "max". Documentação neste link
https://www.chartjs.org/docs/latest/axes/cartesian/linear.html
fonte