Polar Area Chart

Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value.

This type of chart is often useful when we want to show a comparison data like a pie chart, but also show a scale of values for context.

You can find a more in depth explanation about the polar area on this page:

https://apexcharts.com/javascript-chart-demos/polar-area-charts/basic/

Polar Chart No Stroke

Properties of Polar Area Chart

Property Name	Data type	Type	Description
Data source	List	Data Model	Data list source for the widget.
Label	Text	Expression	Labels to be used for each series
Value	Number	Expression	Values to be used for each series.
Chart Color	Text	Expression	Colors to be used for each series. Only accepts either hex or rgb/rgba so make sure the datalist values are in one of these color formats.
Height	Text	Expression	Can be set to auto, percentage of container or pixels. Default is auto.
Width	Text	Expression	Can be set to percentage of container or pixels. Examples: "350" or "350px" or "50%"
Show Scale	Boolean		Determines if a scale is shown.
Show Grid	Boolean		Determines if the grid is shown.
Grid color	Text	Expression	Defines the colour of the grid. You should only provide either hex or rgb/rgba format. Example: "#fff"
Show strokes	Boolean		Determines if strokes are shown.
Stroke Color	Text	Expression	Defines the color of the stroke. You should only provide either hex or rgb/rgba format. Example: "#fff"
Show legend	Boolean		If true, it will show a legend explaining the data on the chart.
Legend Position	Text	Dropdown	Determines the position of the legend. (Left, Top, Right, Bottom).
Legend font size	Number	Expression	number of the fontsize in px. default 16px
Legend offset y	Number	Expression	Use for more specific positioning of the legend after using legend position. Sets the top offset for legend container in pixels. can use negative or positive and depending on the number it may cause the legend to have clipping issues with the chart. (Default is 0).
Legend offset x	Number	Expression	Use for more specific positioning of the legend after using legend position. Sets the left offset for legend container in pixels. can use negative or positive and depending on the number it may cause the legend to have clipping issues with the chart.(default is 0).