图表js未在Angular应用程序中正确加载

Question

我正在尝试在我的角度应用程序中添加Chartjs。 它没有加载图表中的最低值

我的代码

<canvas id="myChart" width="100" height="100" ng-if=""></canvas>

 var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    datasets: [{
      label: 'Applied',
      data: [10, 20, 30],
      backgroundColor: 'rgb(66, 158, 244)'
    }, {
        label: 'Separated',
        data: [20, 40, 15],
        backgroundColor: 'rgb(193, 27, 71)'
    }],
    labels: ['January', 'February', 'March']
  },

  // Configuration options go here
  options: {}
});

Answer 1

我认为是因为y轴值与数据值对齐（在此示例中为10），这使得该条在此处不可见。 您可以按如下所示为图表选项指定y轴刻度吗？

options: {
    scales: {
        yAxes: [{
            ticks: {
                min: 0,
                stepSize: 5,
            }
        }]
    }
}