ngx-charts
Search…
Primary version
Pie Chart
Pie Chart
Swimlane Pie Chart - 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
object
​
custom colors for the chart. Used to override a color for a specific value
animations
boolean
true
enable animations
labels
boolean
false
show or hide the labels
labelFormatting
function
​
function that formats the label text
trimLabels
boolean
true
trim the labels beyond a certain maximum length
maxLabelLength
number
10
maximum length of the labels. If
trimLabels is true, labels over this length will be trimmedlegend
boolean
true
show or hide the legend
legendTitle
string
'Legend'
the legend title
legendPosition
string
'right'
the legend position ['right', 'below']
explodeSlices
boolean
false
make the radius of each slice proportional to it's value
doughnut
boolean
false
should doughnut instead of pie slices
arcWidth
number
0.25
arc width, expressed as a fraction of outer radius
gradient
boolean
false
fill elements with a gradient instead of a solid color
activeEntries
object[]
[]
elements to highlight
tooltipDisabled
boolean
false
show or hide the tooltip
tooltipText
function
​
a function that formats the tooltip
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 1yr ago
Copy link