aqui está o meu código. eu preciso definir o valor inicial como "0" nas escalas dos eixos xey. Tentei a opção de escalas de versão mais recente.
graphOptions = {
///Boolean - Whether grid lines are shown across the chart
scaleShowGridLines: false,
tooltipTitleTemplate: "<%= label%>",
//String - Colour of the grid lines
scaleGridLineColor: "rgba(0,0,0,.05)",
//Number - Width of the grid lines
scaleGridLineWidth: 1,
//Boolean - Whether to show horizontal lines (except X axis)
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines: true,
//Boolean - Whether the line is curved between points
bezierCurve: true,
//Number - Tension of the bezier curve between points
bezierCurveTension: 0.4,
//Boolean - Whether to show a dot for each point
pointDot: true,
//Number - Radius of each point dot in pixels
pointDotRadius: 4,
//Number - Pixel width of point dot stroke
pointDotStrokeWidth: 1,
pointHitDetectionRadius: 20,
datasetStroke: true,
datasetStrokeWidth: 2,
datasetFill: true,
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
};
var LineChart = new Chart(ctx).Line(graphData, graphOptions);
}
scaleShowVerticalLines
não é válido para 2.0. Ou o modelo de dica de ferramenta. As opções, em geral, seguem uma abordagem hierárquica em 2.0.Se você precisar usá-lo como uma configuração padrão, basta colocar
min: 0
dentro do nódefaults.scale.ticks
, da seguinte maneira:Referência: https://www.chartjs.org/docs/latest/axes/
fonte
Adicione esta opção:
(Referência: Chart.js )
NB: A solução original que postei foi para Highcharts, se você não estiver usando Highcharts, remova a tag para evitar confusão
fonte
beginAtZero: true
é o que você precisa