Advanced Pie Chart

Advanced Pie Chart

Swimlane Pie Chart Advanced - 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	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:

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