angular-chart.js图表不显示在离子应用程序上
问题描述:
我在离子应用程序中使用了角度图表,但图表似乎无法呈现。angular-chart.js图表不显示在离子应用程序上
这里是标记代码:
<ion-view title="Home" hide-nav-bar="false" ng-controller="checkUserInfoCtrl">
<ion-content padding="true">
<ion-item >
<canvas id="doughnut"
class="chart chart-doughnut"
chart-data="data"
chart-labels="labels">
</canvas>
</ion-item>
</ion-content>
</ion-view>
这里是控制器代码:
angular.module("app", ["chart.js"]).controller("checkUserInfoCtrl", function($scope) {
$scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];
$scope.data = [300, 500, 100];
});
上我会错在何处什么想法?
答
(function(angular) {
'use strict';
angular.module('myApp', ['ionic','chart.js'])
.controller('myController', [function() {
var ctrl = this;
ctrl.socialChart = {
options: {
legend: {
display: true
}
},
labels: ["Download Sales", "In-Store Sales", "Mail-Order Sales"],
colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'],
data: [300, 500, 100]
};
}]);
})(window.angular);