Skip to main content

Polar Area Chart

The Polar Area Chart component is a variation of the pie chart that displays data in polar coordinates. Each segment has the same angle, but varies in radius, making it an excellent choice for visualizing data where magnitude differences are emphasized.

Properties​

The following properties are available to configure the behavior of the component from the form editor (this is in addition to common properties).

Common​

Data Source Type object​

Defines the source from which data is pulled:

  • Entity Type (default)
  • URL

Simple / Pivot object​

Chart structure configuration:

  • Simple (default)
  • Pivot

Axis Property object​

Determines how data is grouped.

Entity Type object​

Specifies the source data model.

Is Axis Property Time Series? boolean​

Indicates if the axis property is based on time.

Value Property object​

Identifies the value metric for each segment.

Aggregation Method object​

Describes how values are calculated:

  • Count (default)
  • Sum
  • Average
  • Min
  • Max

Show Legend boolean​

Controls whether the legend is shown.

Legend Position object​

Specifies the location of the legend:

  • Top (default)
  • Bottom
  • Left
  • Right

Data​

Data Source Type object​

Defines the source from which data is pulled:

  • Entity Type (default)
  • URL

Entity Type object​

Specifies which entity provides the data.

Axis Property object​

Defines the dimension by which data is segmented.

Is Axis Property Time Series? boolean​

Determines if the axis is date or time-based.

Value Property object​

Specifies the metric represented by each segment.

Order By object​

Determines the order in which segments are displayed.

Aggregation Method object​

Defines the aggregation logic used (as above).

Entity Filter object​

Allows you to build complex filter conditions using a query builder interface. This tool helps narrow down the dataset displayed in the chart.

Appearance​

Show Border boolean​

Adds or removes a border around the chart.

Stroke Width number​

Defines the thickness of the segment borders.

Stroke Color object​

Controls the color used to outline each segment.