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

【问题标题】：chart js is not loading properly in angular app图表 js 未在 Angular 应用程序中正确加载
【发布时间】：2019-04-09 09:42:10
【问题描述】：

我正在尝试在我的 Angular 应用程序中添加 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: {}
});

【问题讨论】：

你可以在 plunkr.com 上创建一个演示示例并告诉我

标签： angularjs chartjs-2.6.0

【解决方案1】：

我认为这是因为 y 轴值与数据值（本示例中的 10）对齐，这使得条形在那里不可见。您可以尝试如下指定图表选项的 y 轴刻度吗？

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

【讨论】：