LineChart axis manual max min

by bairog

HTML

<div id="chartDiv"><canvas id="chart"></canvas></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.js"></script>

JavaScript

var data = {
  labels:["0","1","2"],
  datasets: [{
    lineTension: 0,  
    fill: false,  
    data: [0, 10, 4]
  }]
};

var options = {
    animation: false,    
    scales: {
        yAxis: {
				    afterDataLimits: function (axis) {
                 //Setting axis min\max via `afterDataLimits` callback is working incorrectly (yAxis is from -2 to 12)
								 axis.max = 10.5;
                 axis.min = -0.5;
            },
						//position: 'bottom',
						axis: 'y',
            //Setting axis min\max via options is working correctly (yAxis is from -0.5 to 10.5)
            //min: -0.5,
            //max: 10.5            
        }
    }
};


var ctx = document.getElementById("chart");
var myChart = new Chart(ctx, {
  type: 'line',
  data: data,
  options: options
});