Как установить начальное значение как "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);
   }

Ответ 1

Для Chart.js 2. * опция масштабирования, начинающаяся с нуля, указана в параметрах конфигурации линейного масштаба. Это используется для числовых данных, что, скорее всего, будет иметь место для вашей оси y. Итак, вы должны использовать это:

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

Здесь также доступна линейная диаграмма с образцом здесь, где опция используется для оси y. Если ваши числовые данные находятся на оси x, используйте xAxes вместо yAxes. Обратите внимание, что массив (и множественное число) используется для yAxes (или xAxes), потому что вы также можете иметь несколько осей.

Ответ 2

Пожалуйста, добавьте эту опцию:

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

(Ссылка: Chart.js)

N.B: Исходное решение, которое я разместил, было для Highcharts, если вы не используете Highcharts, пожалуйста, удалите тег, чтобы избежать путаницы.