# Cards - canvas settings

The canvas tab enables you to set the theme, assign chart colors, customize the variance, or change the font for the entire report.&#x20;

{% hint style="info" %}
Many of the display settings for cards and charts are identical. Please refer to [Canvas settings for charts](/analytics+/working-with-analytics+/3.-charts/3.8.-display-settings-for-charts/charts-canvas-settings.md) if you are unable to find a specific setting on this page.
{% endhint %}

### 1. Theme

Analytics+ comes packed with built-in themes you can apply in a single click. Select the theme from the dropdown to apply it.&#x20;

<figure><img src="/files/9DeD0xEcZH2DIUeHf99h" alt=""><figcaption><p>Setting the theme for cards</p></figcaption></figure>

{% hint style="info" %}
With Analytics+, you can customize themes by setting the measure/font/background colors. You can design a custom theme by navigating to Canvas settings > Theme > Customize.
{% endhint %}

### 2. Background

You can set a custom background color for the canvas. It is set to white by default.

<figure><img src="/files/xRUy0vdO6sEV0Q4BaZlI" alt=""><figcaption><p>Canvas background</p></figcaption></figure>

### 3. Font style

Set the font type, size, and color. To set a custom font color,  the **Auto color** toggle should be disabled.

<figure><img src="/files/0WRp4BvfR2aai7kT1Ydd" alt=""><figcaption><p>Setting the font style for cards</p></figcaption></figure>

* **Responsive:** When this option is enabled, Analytics+ will dynamically adjust the font size based on the canvas size. The font size will be reduced as you decrease the canvas size, enabling you to fit in as much data as possible and optimize the available canvas area.

When the responsive font option is enabled, the data label size is automatically adjusted based on the panel and canvas size in trellis mode.&#x20;

The data label size is set to the value specified in data label settings when the responsive font option is disabled. In the example, when responsive font is disabled, the data labels are not displayed as the size is too large to fit into the available size.&#x20;

<div><figure><img src="/files/8kxTxAqetJPPCnvKiZwj" alt=""><figcaption><p>All data labels displayed when responsive font size is enabled</p></figcaption></figure> <figure><img src="/files/gyqh7ibnP1ICRzcz3vVw" alt=""><figcaption><p>Data labels are not displayed when responsive font is disabled as the font size is too large </p></figcaption></figure></div>

### 4. Axis default date format

When you have a date dimension in your axis, Analytics+ assigns the date format based on the date format in the summary table. [Learn more about summary tables](https://inforiver.gitbook.io/analytics+/working-with-analytics+/16.-summary-tables).

<div><figure><img src="/files/lo9uuqDLXv55Z9yWxMNx" alt=""><figcaption><p>Date format in the summary table</p></figcaption></figure> <figure><img src="/files/U00zNcA2iqM6ytTLMokt" alt=""><figcaption><p>Date format for axis taken from summary table</p></figcaption></figure></div>

When you disable the **Axis default date format** toggle, the system date format is taken as the date format in the axis.

<figure><img src="/files/eDEOj1kR76veWXs3PF2q" alt=""><figcaption><p>System date format taken for axis</p></figcaption></figure>

### 5. Group default date format

Like the **Axis default date format** optio&#x6E;**,** when you have a date dimension as your small multiple parameter, you can choose whether to use the default date in Analytics+ or the system date format.

<div><figure><img src="/files/MHDwtWWuNbQVHERFWRG9" alt=""><figcaption><p>Group default date format enabled</p></figcaption></figure> <figure><img src="/files/rxEsZ9wGY0sF9iB3SiFz" alt=""><figcaption><p>Group default date format disabled</p></figcaption></figure></div>

### 6. Marker display

For charts like area/line that have markers for each data point, you can regulate the number of markers to display. Choose from options like All, Last Only, First + Last, Min + Max, etc. The Nth Label option allows you to specify the interval between data points for which to display markers.

<figure><img src="/files/nacG0WADeUJUytCwt3qY" alt=""><figcaption><p>Marker display</p></figcaption></figure>

#### **6.1. Outlier**

You can display markers for outliers as well. Analytics+ allows you to use a different colored marker to differentiate between outliers and regular data points. You can also set a custom percentage for rendering outliers i.e. consecutive data points which differ beyond the specified percentage will be considered outliers.&#x20;

In the example, we have highlighted the outlier markers in red when the deviation between consecutive points is greater than 70%.

<figure><img src="/files/9Dsd2ZbdVdy9ZhVsvIvn" alt=""><figcaption><p>Outlier markers</p></figcaption></figure>

#### **6.2. Min/max value**

When you display the min and max markers, you can set a custom color for them. Analytics+ renders min and max markers in the standard red and blue scheme.

<figure><img src="/files/lDuoci60g9Das4uyaC2D" alt=""><figcaption><p>Custom marker color for min and max</p></figcaption></figure>

### 7. Individual category format/ category format

For single-measure charts, you can opt for each axis category to be rendered in a different style. You can choose between solid, hatched, and outline styles for charts like waterfall, variance, and bullet which depict data using bars.

<figure><img src="/files/CVwcrVrUjO1w69L6tAMS" alt=""><figcaption><p>Format for each measure</p></figcaption></figure>

### 8. Variance

You can override the default red/ green and set custom colors to represent positive and negative variances.

<figure><img src="/files/YsbXkeUY2Rw2IPr0LR6x" alt=""><figcaption><p>Custom colors for positive and negative variances</p></figcaption></figure>

### 9. Variance display

You can also choose to depict variances as an arrow or a bar. The default option is bar.

<figure><img src="/files/M0oIyMWxMEBkPKYUgROm" alt=""><figcaption><p>Variance customization</p></figcaption></figure>

### 10. Series label

When you work with stacked charts, you can display the category label against the stack for easy identification.

<figure><img src="/files/zUDolb38KbV9F7dKiFJJ" alt=""><figcaption><p>Series label</p></figcaption></figure>

### 11. Stack groups

For stacked charts, you have the flexibility to assign colors for each category. Click on the color box against the category to open the color picker.

<figure><img src="/files/WMSr5rKcAUpKEtuvwU1V" alt=""><figcaption><p>Stack groups</p></figcaption></figure>

### 12. Connector line

Waterfall charts and stacked charts can have lines that connect each of the bars/stacks. You can hide the lines by disabling the Connector line toggle. You can also set a custom color for connector lines.

<figure><img src="/files/ErvNlzjUxjwGVafUVKM9" alt=""><figcaption><p>Connector lines</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.inforiver.com/analytics+/working-with-analytics+/4.-cards/4.10.-display-settings-for-cards/cards-canvas-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
