Добавление текста в кольцевую угловую диаграмму

Question

У меня есть кольцевая диаграмма в angularJS, использующая angular-chart.js.

HTML-файл:

<div ng-app="App">
<div ng-controller="Controller">
    <canvas id="pie33" options="options" class="chart chart-doughnut chart-xs ng-isolate-scope rotate" height="120" width="240" data="pieDiskData.data" labels="pieDiskData.labels" colours="pieDiskData.colours" legend="true" ></canvas>
</div>

Файл JS:

angular.module('App', ["chart.js"]);
angular.module('App').controller('Controller', ['$scope', '$http', '$location', '$window',

function ($scope, $http, $location, $window) {
$scope.options = {
    tooltipEvents: [],
    showTooltips: false,
    tooltipCaretSize: 0,
    scaleShowLabels: false,
    onAnimationComplete: function () {
        this.showTooltip(this.segments, true);
    },
};

var diskDataJson = {
    "data": [100, 100, 100, 100],
        "labels": ["red", "gree","blue","white"],
        "colours": ['#FF0000', '#008000','#0000FF', '#FFFFFF']
};

$scope.pieDiskData = diskDataJson;
}]);

вот скрипка: angularJS DoughnutChart

Мне нужно добавить текст в центре графика и удалить легенду и всплывающую подсказку. Пожалуйста помоги!

Кроме того, я натолкнулся на директиву angularJS для той же директивы AngularJS. Я хочу использовать эту директиву для создания графа. Любая рабочая jsFiddle для того же была бы очень признательна.

Спасибо