# KPI Tile: Comparative Tile

{% hint style="info" %}
Check out the given walk-through on how to set the KPI Tile Comparative Tile chart properties.
{% endhint %}

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FQRI14cXEu86RW8zzuynn%2FKPI%20Tile_comparitive.gif?alt=media\&token=56e7f7c4-e2f7-4aaa-bc01-29bdf6b1d3cf)

KPI comparative Tile compares one measure value against the other selected measure values.

* Select the ***KPI Comparative Tile*** component from the list of charts.
* Drag a Measure value to the workspace from the selected Data Store.

     

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FYSZdY3lygVxTLJYjCEQn%2Fimage.png?alt=media\&token=ddc6865f-0de3-4f05-afe9-fd66ea70aeaa)

* Click the ***Actions*** icon.
* Select the ***Custom Fields*** option from the Action Settings page.
* Click the ***NEW*** option.
* Provide a Title.
* Set Value by using the value indicators or manually.
* Click the ***SAVE*** option.      

![Actions tab](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FcbqvvMWePy0a1xqiw06F%2Fimage.png?alt=media\&token=68c1dba7-831f-449b-b9c2-cf02a10b83c9)

* A success message appears.  

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FA2kQxhZ6bj3YoueK7Sh1%2Fimage.png?alt=media\&token=1d6efef6-f637-4d76-ab25-6a3cd1b51474)

* The newly created Custom Field gets saved and added to the ***Custom Fields*** page.
* The user can create multiple custom fields by following the above steps. (E.g., Monthly Salary is another custom field.)

      

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FsLdPVKAIaiuR9cwcW2UG%2Fimage.png?alt=media\&token=43c30a96-59d1-46b0-8ce5-20aca9e95cd7)

### Properties

#### **General Settings**

* **Label**: Insert text to be displayed as Label
* **Label Colour**: Select the Label colour using the menu
* **Label Font Size**: Select the font size for the displayed label using the drop-down menu
* **Exclude Global Filter**: Use a checkmark in the box to exclude the Global filter conditions
* **Show Trend**: Use a checkmark in the box to display the trends

**View Filter**

* **Filter:** Choose a view filter condition from the drop-down menu

#### **Primary Value Properties**

* **Font Size:** Select a font size from the drop-down menu
* **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)
* **Currency Type**: Select a currency symbol to be displayed in the view (the provided options for this field are: None, Euro, Rupees, Pound, USD, Yen, Cent)
* **Precision**: Set the after-decimal value (It displays up to 5 precision)

#### **Secondary Value Properties**

* **Secondary Value:** Select a custom field from the drop-down menu
* **Font Size:** Select a font size from the drop-down menu
* **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)
* **Currency Type**: Select a currency symbol to be displayed in the view (the provided options for this field are: None, Euro, Rupees, Pound, USD, Yen, Cent)
* **Precision**: Set the after-decimal value (It displays up to 5 precision)
* **Rules**: Click the provided icon to insert rules 

      ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FORXMFV6VDEGLAlIkWYve%2Fimage.png?alt=media\&token=1a01451b-c2ae-47d2-bf1b-06a1d1e16fa0)

### **Setting Rules**

* Once the user clicks on the ***Rules***  icon, a new screen opens, redirecting the users to set rules for displaying the comparative values.
* Configure the required ***Rules*** fields, as shown in the following image:
  * **Primary Operator**: Select an option from the drop-down menu.
  * **Operation**: Select an operation from the drop-down menu to be applied as a condition on the selected Primary Operator.
  * **Secondary Operator**: Select an option from the drop-down menu.
  * **Primary Value Colour**: Select a colour for the primary value field.
  * **Secondary Value Colour**: Select a colour for the Secondary Value field.
  * **Trend Direction:** Select a trend direction using the drop-down menu.
  * **Trend Colour**: Select a trend colour from the menu.
* Click the ***APPLY*** option to apply the configured Rule.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FOBrCRgkDmu0YJqnloUgp%2Fimage.png?alt=media\&token=1cb95582-ffd2-4da1-a9d6-46e92108b11f)

{% hint style="info" %} <mark style="color:green;">Please Note:</mark>&#x20;

* **Remove**  : Selecting this option removes the added rules.

* **ADD**: Selecting this option adds a new row to be configured as a rule.
  {% endhint %}

* The Primary and Secondary values get displayed in the selected colors with Trend directed to upward if the rule condition is met.&#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FplmXfmfVgdtUSOInMgTl%2Fimage.png?alt=media\&token=7b6ec6ba-056c-4672-b2a1-3096d3b7793e)

* The user can set multiple **Rules** by configuring the required fields as described above; the KPI Tile Visualization reflects the crucial changes as per the selected rule. (E.g., the following image displays another rule where the Secondary Value is selected as Greater than or equal to the Primary Value, and the trend direction is downward.

&#x20;     ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FRQN8B38mK8mCMnQjw3Tq%2Fimage.png?alt=media\&token=f84ef0d1-0ef0-4178-a25d-2b75df2db877)

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> The KPI Comparative Tile contains General Settings, View Filter, and Primary Value Axis like KPI Tile, but it has additional properties such as Show Trend, Secondary Value Axis, and Rule to insert comparative approach.
{% endhint %}

\ <br>