Radar chart using AngularJS

HTML

<script src="https://rawgit.com/nnnick/Chart.js/master/Chart.min.js"></script>

<script src="https://rawgit.com/jtblin/angular-chart.js/master/dist/angular-chart.min.js"></script>

<div ng-controller="RadarCtrl">

<canvas id="radar" options="myoptions" class="chart chart-radar" data="data"
  labels="labels"></canvas> 
</div>

JavaScript

var app = angular.module('myApp',['chart.js']);

app.controller("RadarCtrl", function ($scope) {
  $scope.myoptions = {
       pointLabelFontSize: 19,
  };

    $scope.labels =["Java", "Hadoop", "Distillery / IBM InfoStreams", "Hive", "PIG", "MapReduce", "Git"];

  $scope.data = [
    //[65, 59, 90, 81, 56, 55, 40],
    [28, 48, 40, 19, 96, 27, 100]
  ];
});