Advanced Pie Chart
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 |
Outputs
| 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
}
]