Hi rani,
Here i have created the example with chart.js directive.
Refer below sample.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.1.1/angular-chart.min.js"></script>
<script type="text/javascript">
var app = angular.module("MyApp", ["chart.js"])
app.controller("MyController", function ($scope, $http) {
$scope.labels = ['2014', '2015', '2016', '2017', '2018', '2019'];
$scope.series = ['Jan', 'Feb', 'Mar'];
$scope.data = [[65, 59, 80, 81, 56, 55], [40, 28, 48, 40, 19, 86], [27, 90, 28, 48, 40, 19]];
});
</script>
</head>
<body>
<div ng-app="MyApp" ng-controller="MyController">
<canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels"
chart-series="series" />
</div>
</body>
</html>
Demo
If you want to use google chart directive refer below link.
https://www.codeproject.com/Articles/1189018/Custom-Directive-for-Creating-Chart-using-AngularJ
