aquí está mi código. Necesito establecer el valor inicial como "0" en las escalas de los ejes X e Y. He probado la última versión de la opción de escalas.
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
no es válido para 2.0. O la plantilla de información sobre herramientas. Las opciones, en general, siguen un enfoque jerárquico en 2.0.Si necesita usarlo como configuración predeterminada, simplemente colóquelo
min: 0
dentro del nododefaults.scale.ticks
, de la siguiente manera:Referencia: https://www.chartjs.org/docs/latest/axes/
fuente
Agregue esta opción:
(Referencia: Chart.js )
NB: La solución original que publiqué fue para Highcharts, si no está utilizando Highcharts, elimine la etiqueta para evitar confusiones
fuente
beginAtZero: true
es lo que necesitas