angular-chart.js不渲染任何图表

Question

我在我的angular项目中使用了依赖angular-chart.js来在我的管理页面上显示一些数据可视化。

根据git页面上的README.md，上周，我将angular-chart.js升级到了1.1版本，将Chart.hs升级到了2.5版本。但是自从我升级之后，我的图表就不再出现了.

下面是我的代码HTML：

<canvas id="bar" class="chart chart-bar"
    chart-data="vm.data" chart-labels="vm.labels" chart-series="vm.series"></canvas>

和我的JS代码：

 export default function BarChartController(){
     var vm = this;

     vm.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
     vm.series = ['Series A', 'Series B'];

     vm.data = [
    [65, 59, 80, 81, 56, 55, 40],
    [28, 48, 40, 19, 86, 27, 90]
];}



import 'chart.js/dist/Chart.min';
import 'angular-chart.js/angular-chart;
angular
.module('app', [...,'chart.js',...])

我在web浏览器控制台上没有错误，也没有依赖注入错误，但我有一个空白区域，里面什么都没有。我从昨天开始就一直在和这个问题作斗争。

如果有人已经面临这个问题，我不会拒绝一些帮助。

谢谢！

Answer 1

根据升级版本的不同，Chart.js处理的控件对象会发生一些重大更改。您的代码不显示对创建图表对象的调用和数据。这是我要找的第一个地方。