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

Question

我正在尝试在我的 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: {}
});

Answer 1

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

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

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

chart js is not loading properly in angular app

angularjs

chartjs-2.6.0