ngx-charts
Search…
Primary version
Advanced Pie Chart
Advanced Pie Chart
Swimlane Pie Chart Advanced - StackBlitz
StackBlitz
Inputs
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)
Data Format
The data format is single series:
1
[
2
{
3
"name": "Germany",
4
"value": 8940000
5
},
6
{
7
"name": "USA",
8
"value": 5000000
9
}
10
]
Copied!
Last modified 2yr ago
Copy link