# Circumplex chart

The Circumplex chart, also known as the Polar Area chart or Nightingale Rose chart, is a combination of the Bar chart and Pie chart. Each category may have more than one sub-category, where a section of the disc shows that each subcategory and each section has the same angle. The value of the corresponding sub-category is shown through the area. By changing the radius in a Circumplex chart, users can adjust the area of each segment (based on data).

{% hint style="success" %}
*Check out the illustration on Circumplex chart properties.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FjdYqOWdOdgZBbop4Eky6%2FCircumplex%20chart.mp4?alt=media&token=a6c22e87-bb89-4f35-a9cd-92932ac71bfd>" %}

* **Best Situations to Use a Circumplex chart:** To display manifold data in the form of a two-dimensional chart of three or more measurable variables represented on axes starting from the same point.

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FN3yZwAOj8quppMsRjG8w%2Fimage.png?alt=media&#x26;token=daf0d756-0e69-494a-83b7-7bcb2dcbb204" alt=""><figcaption><p><em><strong>Default View of the Circumplex chart</strong></em></p></figcaption></figure>

## *Properties* <a href="#properties" id="properties"></a>

### **General Settings** <a href="#general-settings" id="general-settings"></a>

* **Exclude Global Filter**: The view gets excluded from the Global Filter condition by putting a checkmark in the bo&#x78;**.**
* **Series Color**: Select the color for the series using the available color menu.
* **Enable Base Zero**: Base gets presented from Zero using a checkmark in the provided box.
* **Clockwise Direction**: the data values are displayed in a clockwise manner by enabling a checkmark in the given box.
* **Show Legend**: Displays legend by turning on the radio button.&#x20;
* **Legend Style**: Select one of the following options using the drop-down menu.
  * Fixed
  * Floating
* The following fields appear when the selected ***Legend Style*** option is ***Fixed***.
  * **Legend Font Size:** This option allows to increase or decrease the font size of the legend.
  * **Legend Orientation**: This option appears when ‘Show Legend’ is enabled, and the selected ‘Legend Style’ is ‘Fixed.’ Users need to select an option out of the given choices using the drop-down menu.
    * Vertical
    * Horizontal

### **View Filter** <a href="#view-filter" id="view-filter"></a>

* **Filter**: Select a filter condition using the drop-down menu.

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F3sXUiG1L2nC7y0qI1OTL%2Fimage.png?alt=media&#x26;token=eaf9c590-e234-47d6-bd08-09a1b5d43cbc" alt=""><figcaption><p>General Settings &#x26; View Filter</p></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> The selected **View Filter** option will be reflected to customize the View data after adding the View to the report.*
{% endhint %}

### **Series Color** <a href="#chart-properties" id="chart-properties"></a>

* Click the ***Add Color*** option to add a new series color.
  * Each added color field contains an auto-selected color to display a series.
  * The user can modify the auto-selected colors by using the color pallet.

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> The selected **View Filter** option will be reflected to customize the View data after adding the View to the report.*
{% endhint %}

### **Chart Properties** <a href="#chart-properties" id="chart-properties"></a>

* **Clockwise Direction:** Enable the clockwise direction to display the data values in the clockwise pattern in the chart.
* **Web Stroke Color**: Select a color from the given menu.
* **Category Stroke Color**: Select a color using the given menu.
* **Category Label**: Enable the given box to display the category labels.
* **Doughnut Width**: Set (increase/decrease) the width of the doughnut.
* **Web Type**: Select an option from the drop-down menu.

  * Polygon
  * Circle

  <figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FgU4yT7wTAVKqcMK2FMGL%2Fimage.png?alt=media&#x26;token=fadadf2b-f705-4b3f-b158-7d2d8861936d" alt=""><figcaption><p><em><strong>Series Color and Chart Properties</strong></em></p></figcaption></figure>

### **Value Axis** <a href="#primary-value-axis" id="primary-value-axis"></a>

* **Axis Label**: Enable the Primary Value Axis label using a checkmark in the box.
* **Format Type**: Select a desired format type from the drop-down menu (the provided options for this field are: None, Auto, Percent, Thousand, Lacs, Crore, Million, Billion, Trillion, Quadrillion).
* **Currency Type**: Select a currency symbol to be displayed in the view (the provided options for this field are: None,  Rupees, Euro, Pound, USD, Yen, Cent).
* **Precision**: Set the after-decimal value (It displays up to 5 precision).

### **Insights** <a href="#insights" id="insights"></a>

* **Text:** *Provide any information regarding the chart. If any digit or character is required to be highlighted, put it inside two asterisks. (E.g., \*70%\* or \*skills\*).*
* **Font Size:** Set/modify the Font Size of the Insights text.
* **Font Color:** Select a Font color for the Insights Text.
* **Text align:** There are three alignments to align the text.
  * Left
  * Right
  * Centre
* **Position:** There are two options to position the text.

  * Bottom
  * Right​

  <figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F9Iv99JaGnTyFVwqc4RQs%2Fimage.png?alt=media&#x26;token=9e35c286-dd3f-4621-b0e2-c17fd8de1da3" alt=""><figcaption><p><em><strong>Value Axis &#x26; Insights</strong></em></p></figcaption></figure>

  <figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FiPGPDwIFTbIoTpEB5Ijg%2Fimage.png?alt=media&#x26;token=7ea83d8d-b1c1-4857-b53e-d3d5afd809b7" alt=""><figcaption><p><em><strong>Modified View after applying various Circumplex chart Properties</strong></em></p></figcaption></figure>
