Angularjs ChartJs角度指令-chart[chartType]不是函数

Angularjs ChartJs角度指令-chart[chartType]不是函数,angularjs,ecmascript-6,chart.js,directive,Angularjs,Ecmascript 6,Chart.js,Directive,我在使用角度图制作简单图表时遇到问题 我已使用“angular chartjs指令”设置了chart JS:“^1.0.0”在我的凉亭内。根据我的文件的源正确地注入 然后我将其作为我的控制器: export class MainController { constructor ($scope) { 'ngInject'; this.createGraph($scope); } createGraph($scope) { var vm = this;

我在使用角度图制作简单图表时遇到问题

我已使用“angular chartjs指令”设置了chart JS:“^1.0.0”在我的凉亭内。根据我的文件的源正确地注入

然后我将其作为我的控制器:

export class MainController {
  constructor ($scope) {
    'ngInject';
    this.createGraph($scope);
  }

  createGraph($scope) {
    var vm = this;
    vm.messages = [{msg: "hello"}];

    var data = {
      labels : ["January","February","March","April","May","June","July"],
      datasets : [
        {
          fillColor : "rgba(220,220,220,0.5)",
          strokeColor : "rgba(220,220,220,1)",
          pointColor : "rgba(220,220,220,1)",
          pointStrokeColor : "#fff",
          data : [65,59,90,81,56,55,40]
        },
        {
          fillColor : "rgba(151,187,205,0.5)",
          strokeColor : "rgba(151,187,205,1)",
          pointColor : "rgba(151,187,205,1)",
          pointStrokeColor : "#fff",
          data : [28,48,40,19,96,27,100]
        }
      ]
    }

    $scope.myChart = data;
  }

}
在我的主html中:

<div class="container">
  <chart value="myChart"></chart>
</div>

有什么想法吗?

确保你正确参考了图书馆

演示

(函数(角度){
"严格使用",;
angular.module('myApp',['chart.js']))
.controller('myController',[function(){
var ctrl=this;
ctrl.socialChart={
类型:'bar',
标签:['2006','2007','2008','2009','2010','2011','2012'],
系列:[“A系列”、“B系列”],
颜色:[“ED402A”、“F0AB05”、“A0B421”、“00A39F”],
数据:[[65,59,80,81,56,55,40],[28,48,40,19,86,27,90]]
}
}]);
})(窗口角度)

多时隙转置

谢谢您的帮助。我找到了一个让它工作的方法。我将chart.js版本改为1.1.1,然后改为:$scope.myChart=data;我使用了:$scope.myChart={“data”:data,“options”:{}
TypeError: chart[chartType] is not a function