Label Format
28 Jun 2017 / 1 minute to read
You can customize the format of labels displayed in the PivotGauge control using labelFormatSettings
property.
Following are the formats that can be applied to labels in PivotGauge:
-
numberFormat
- Allows the user to change the number format of the label values in PivotGauge. -
decimalPlaces
- Allows you to set the number of digits displayed after decimal point. -
prefixText
- Allows you to add a text at the beginning of the label. -
suffixText
- Allows you to add text at the end of the label.
Number format for the label values can be set to any of the following type:
- Default
- Currency
- Percentage
- Fraction
- Scientific
- Text
- Notation
<div ng-controller="PivotGaugeCtrl">
<div id="PivotGauge1" ej-pivotgauge e-labelFormatSettings="labelFormatSettings" />
</div>
<script>
var labelFormatSettings= [{
numberFormat: ej.PivotGauge.NumberFormat.Percentage,
decimalPlaces: 2,
prefixText: "#*",
suffixText: "*#"
}];
angular.module('PivotGaugeApp', ['ejangular']).controller('PivotGaugeCtrl', function ($scope) {
//..
$scope.labelFormatSettings = labelFormatSettings;
});
</script>
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page