comment définir la valeur de départ comme «0» dans chartjs?

voici mon code. J'ai besoin de définir la valeur initiale comme "0" dans les échelles des axes x et y. J'ai essayé la dernière option d'échelles de version.

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);
   }     

Pour Chart.js 2. *, l'option permettant à l'échelle de commencer à zéro est répertoriée sous les options de configuration de l'échelle linéaire . Ceci est utilisé pour les données numériques, ce qui devrait probablement être le cas pour votre axe y. Donc, vous devez utiliser ceci:

options: {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true
            }
        }]
    }
}

Un exemple de graphique en courbes est également disponible ici où l'option est utilisée pour l'axe y. Si vos données numériques sont sur l'axe des x, utilisez à la xAxesplace de yAxes. Notez qu'un tableau (et pluriel) est utilisé pour yAxes(ou xAxes), car vous pouvez aussi bien avoir plusieurs axes.

Si vous avez besoin de l'utiliser comme configuration par défaut, placez-le simplement min: 0à l'intérieur du nœud defaults.scale.ticks, comme suit:

defaults: {
  global: {...},
  scale: {
    ...
    ticks: { min: 0 },
  }
},

Référence: https://www.chartjs.org/docs/latest/axes/

Veuillez ajouter cette option:

//Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
scaleBeginAtZero : true,

(Référence: Chart.js )

NB: La solution d'origine que j'ai publiée était pour Highcharts, si vous n'utilisez pas Highcharts, veuillez supprimer la balise pour éviter toute confusion