Advanced Pie Chart
Property | Type | Default Value | Description |
view | number[] | ​ | the dimensions of the chart [width, height]. If left undefined, the chart will fit to the parent container size |
results | object[] | ​ | the chart data |
scheme | object | ​ | the color scheme of the chart |
customColors | function or object | ​ | custom colors for the chart. Used to override a color for a specific value |
animations | boolean | true | enable animations |
gradient | boolean | false | fill elements with a gradient instead of a solid color |
activeEntries | object[] | [] | elements to highlight |
label | string | 'Total' | the text to show under the total value |
tooltipDisabled | boolean | false | show or hide the tooltip |
tooltipTemplate | TemplateRef | ​ | a custom ng-template to be displayed inside the tooltip |
valueFormatting | function | ​ | function that formats the numerical value in the chart legend |
nameFormatting | function | ​ | function that formats name in the chart legend |
percentageFormatting | function | ​ | function that formats the percentage number in the chart legend |
Property | Description |
select | click event |
activate | element activation event (mouse enter) |
deactivate | element deactivation event (mouse leave) |
The data format is single series:
[{"name": "Germany","value": 8940000},{"name": "USA","value": 5000000}]