як встановити початкове значення "0" у chartjs?

ось мій код. мені потрібно встановити початкове значення як "0" в обох шкалах x і y. Я спробував варіант ваги останньої версії.

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

Для Chart.js 2. *, параметр масштабу, який починається з нуля, вказаний під параметрами конфігурації лінійної шкали . Це використовується для числових даних, що, швидше за все, має стосуватися вашої осі y. Отже, вам потрібно скористатися цим:

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

Зразок лінійної діаграми також доступний тут, де параметр використовується для осі y. Якщо ваші числові дані знаходяться на осі x, використовуйте xAxesзамість yAxes. Зауважте, що масив (і множина) використовується для yAxes(або xAxes), тому що ви також можете мати кілька осей.

Якщо вам потрібно використовувати його як конфігурацію за замовчуванням, просто помістіть min: 0всередину вузла defaults.scale.ticksтак:

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

Довідка: https://www.chartjs.org/docs/latest/axes/

Будь ласка, додайте цю опцію:

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

(Довідка: Chart.js )

Примітка: оригінальне рішення, яке я опублікував, було для Highcharts, якщо ви не використовуєте Highcharts, тоді видаліть тег, щоб уникнути плутанини.