如何使用Chart.js - 条形图和折线图在角度图表中修复X和Y轴的最大值和最小值

Question

如图所示，最大值为4。

   $scope.chartParams = {

    listOfLocations: ['Trenzalore', 'Earth', 'Caprica', 'Sol', 'Tau Ceti'],

    series: ["Nice Places"],
    colours: [{ fillColor: color }],
    options: {
        //barShowStroke: false,

    },

    votes: [[4, 2, 1, 2, 3]]
};
});

这是使用Angular编写的JS代码。

以下是HTML代码：

<div ng-controller="BarCtrl">
    <canvas id="stacked" 
class="chart chart-bar" 
data="chartParams.votes"
 labels="chartParams.listOfLocations"
 series="chartParams.series" 
colours="chartParams.colours" 
options="chartParams.options"></canvas>
  </div>

如何将最大y轴限制固定为5，将最小值固定为0.？

Answer 1

定义您的选项

options: {
        //barShowStroke: false,
      scales: {
        yAxes: [{id: 'y-axis-1', ticks: {min: 0, max:5}}]
      }
    },

这会将您的yAxe从0限制为5.