Fixed ngDoc example for pctDonutChart

Author: dtaylor113

dist/angular-patternfly.js

@@ -543,19 +543,19 @@ angular.module('patternfly.card').directive('pfCard', function () {
        </div>
 
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="usedConfig" data="usedData" center-label="used"></div>
+         <div pf-donut-pct-chart config="usedConfig" data="usedData" center-label="usedLabel"></div>
          center-label =<br> 'used'
        </div>
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="availConfig" data="availData" center-label="available"></div>
+         <div pf-donut-pct-chart config="availConfig" data="availData" center-label="availLabel"></div>
          center-label =<br> 'available'
        </div>
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="pctConfig" data="pctData" center-label="percent"></div>
+         <div pf-donut-pct-chart config="pctConfig" data="pctData" center-label="pctLabel"></div>
          center-label =<br> 'percent'
        </div>
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="noneConfig" data="noneData" center-label="none"></div>
+         <div pf-donut-pct-chart config="noneConfig" data="noneData" center-label="noLabel"></div>
          center-label =<br> ' none'
        </div>
 
@@ -600,6 +600,8 @@ angular.module('patternfly.card').directive('pfCard', function () {
          'total': '1000'
        };
 
+       $scope.usedLabel = "used";
+
        $scope.availConfig = {
          'chartId': 'availChart',
          'units': 'GB',
@@ -611,6 +613,8 @@ angular.module('patternfly.card').directive('pfCard', function () {
             'total': '1000'
         };
 
+       $scope.availLabel = "available";
+
        $scope.pctConfig = {
          'chartId': 'pctChart',
          'units': 'GB',
@@ -622,6 +626,8 @@ angular.module('patternfly.card').directive('pfCard', function () {
          'total': '1000'
        };
 
+       $scope.pctLabel = "percent";
+
        $scope.noneConfig = {
          'chartId': 'noneChart',
          'units': 'GB',
@@ -633,6 +639,8 @@ angular.module('patternfly.card').directive('pfCard', function () {
          'total': '1000'
        };
 
+       $scope.noLabel = "none";
+
        $scope.custConfig = {
          'chartId': 'custChart',
          'units': 'MHz',

src/charts/donut/donut-pct-chart-directive.js

@@ -96,19 +96,19 @@
        </div>
 
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="usedConfig" data="usedData" center-label="used"></div>
+         <div pf-donut-pct-chart config="usedConfig" data="usedData" center-label="usedLabel"></div>
          center-label =<br> 'used'
        </div>
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="availConfig" data="availData" center-label="available"></div>
+         <div pf-donut-pct-chart config="availConfig" data="availData" center-label="availLabel"></div>
          center-label =<br> 'available'
        </div>
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="pctConfig" data="pctData" center-label="percent"></div>
+         <div pf-donut-pct-chart config="pctConfig" data="pctData" center-label="pctLabel"></div>
          center-label =<br> 'percent'
        </div>
        <div class="col-md-3">
-         <div pf-donut-pct-chart config="noneConfig" data="noneData" center-label="none"></div>
+         <div pf-donut-pct-chart config="noneConfig" data="noneData" center-label="noLabel"></div>
          center-label =<br> ' none'
        </div>
 
@@ -153,6 +153,8 @@
          'total': '1000'
        };
 
+       $scope.usedLabel = "used";
+
        $scope.availConfig = {
          'chartId': 'availChart',
          'units': 'GB',
@@ -164,6 +166,8 @@
             'total': '1000'
         };
 
+       $scope.availLabel = "available";
+
        $scope.pctConfig = {
          'chartId': 'pctChart',
          'units': 'GB',
@@ -175,6 +179,8 @@
          'total': '1000'
        };
 
+       $scope.pctLabel = "percent";
+
        $scope.noneConfig = {
          'chartId': 'noneChart',
          'units': 'GB',
@@ -186,6 +192,8 @@
          'total': '1000'
        };
 
+       $scope.noLabel = "none";
+
        $scope.custConfig = {
          'chartId': 'custChart',
          'units': 'MHz',