angular-chart.js provides an example of a bar chart, which can be found here. Using this as a foundation, I made some modifications to the js and markup code like so.
HTML
<body ng-app="app">
<div class="row">
<div class="col-md-6">
<div ng-controller="BarCtrl">
<canvas id="bar" class="chart chart-bar"
chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" >
</canvas>
</div>
</div>
</div>
JavaScript
var app = angular.module('app', ['chart.js']);
app.controller('BarCtrl', ['$scope', function($scope){
$scope.labels = ['PDM', 'R&D', 'SN', 'MB'];
$scope.series = ['Late', 'NoLate'];
$scope.data = [
[10,2,1,2],
[5,3,2,4]
];
}]);
For more details, please visit https://plnkr.co/edit/jIqY72Lg4YvkMNbmawyC?p=preview
However, I am facing an issue where my code is not displaying as expected with the provided options. https://i.sstatic.net/4HaJA.png
What could be the problem or is there any update that needs to be done?