Pie Chart

Pie Chart

Swimlane Pie Chart - StackBlitzStackBlitz

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 trimmed
legend	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
tooltipTemplate	TemplateRef		a custom ng-template to be displayed inside 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:

[
  {
    "name": "Germany",
    "value": 8940000
  },
  {
    "name": "USA",
    "value": 5000000
  }
]