Angularjs ChartJs角度指令-chart[chartType]不是函数
我在使用角度图制作简单图表时遇到问题 我已使用“angular chartjs指令”设置了chart JS:“^1.0.0”在我的凉亭内。根据我的文件的源正确地注入 然后我将其作为我的控制器: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;
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