Pie Chart

A chart that is divided into segments, illustrating numerical proportion. In a pie chart, the arc length of each sector (and consequently its central angle and area) is proportional to the quantity it represents.

Spark Data components are currently in beta.

Spark Data components need to be initialized before being used.

gux-chart-pie-beta

Properties

Property	Attribute	Description	Type	Default
chartData	chart-data	Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName	{ [x: string]: any; }	undefined
colorFieldName	color-field-name		string	undefined
embedOptions	embed-options		EmbedOptions<string, Renderers>	undefined
includeLegend	include-legend		boolean	undefined
labelField	label-field		string	undefined
labelRadius	label-radius		number	undefined
legendPosition	legend-position		"bottom" \| "bottom-left" \| "bottom-right" \| "left" \| "none" \| "right" \| "top" \| "top-left" \| "top-right"	'right'
legendTitle	legend-title		string	undefined
outerRadius	outer-radius		number	undefined

Dependencies

Depends on

gux-visualization-beta

Graph


                                                
                                                graph TD;
                                                  gux-chart-pie-beta --> gux-visualization-beta
                                                  style gux-chart-pie-beta fill:#f9f,stroke:#333,stroke-width:4px