> For the complete documentation index, see [llms.txt](https://docs.inforiver.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inforiver.com/super-filter/filter-types/1.-date-filter/vii.format-pane-settings/k.month-total-bar.md).

# k.Month Total Bar

The **Month Total Bar** feature allows users to add a progress bar that visually represents the month’s total values in both **Calendar Week** and **Month Mode**. This feature is particularly useful for tracking progress and understanding how individual month values contribute to the overall total.

<figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2Fx8PrdWhqxHx28iuLWeuO%2Fimage.png?alt=media&amp;token=ab3e540d-369c-41e9-a467-71a085619405" alt=""><figcaption><p>Image 1: Month total bar for each month in calendar Month mode.</p></figcaption></figure>

## **How to Configure**

{% stepper %}
{% step %}
Add Data fields for Date Filter and ensure a measure is added in the others section.
{% endstep %}

{% step %}
In the **Format pane**, navigate to the **Date Filter** section.
{% endstep %}

{% step %}
Set the **Selection Style** to **Calendar**.
{% endstep %}

{% step %}
Under the **Calendar Section**, select the **Calendar Mode** as either **Month** or **Week**.
{% endstep %}

{% step %}
Once the mode is selected, a toggle labeled **Month Total Bar** will appear. Enable this toggle to activate the Month Total Bar feature.

<figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2FhN85CMpVge3ciBgloeP7%2FScreenshot%202025-02-18%20165040.png?alt=media&amp;token=5a5b27c3-2d5a-4cd8-af50-145630fd23c1" alt="" width="184"><figcaption><p>Image 3: Month total bar option in Week view.</p></figcaption></figure>

<figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2F6b0d60J9Po137OcQo18h%2FScreenshot%202025-02-18%20165010.png?alt=media&amp;token=e1b74888-54a7-4051-b90a-d1d8b5d46e67" alt="" width="181"><figcaption><p>Image 2: Month total bar option in Month View.</p></figcaption></figure>
{% endstep %}

{% step %}
Once enabled a bar showing the measure values for the specific month is represented as bar. The bar appears in

* **Week Mode**: The total bar will appear **near each month** on the calendar, visually indicating the total for that month.
* **Month Mode**:

  * When **Rotate Layout** is off, the **Month Total Bar** will be displayed on the **right side** of the calendar.
  * When **Rotate Layout** is on, the **Month Total Bar** will appear **below** the calendar.

  <figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2FrA9sYgbC9H2PWyRzkaoN%2Fimage.png?alt=media&amp;token=b41cfc86-2930-4cd3-8c28-e4c574d568cf" alt="" width="375"><figcaption><p>Image 4: Month total bar in Week Calendar mode.</p></figcaption></figure>

{% endstep %}

{% step %}
**Color Customization:**

By default, the color of the Month Total Bar is derived from the **Heatmap colors**. To customize the color, navigate to the **Heatmap Section** in the format pane, where you can adjust color options as per your preference.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
The **Month Total Bar** is calculated based on the measure values of the **first measure** added in the **Others** section.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.inforiver.com/super-filter/filter-types/1.-date-filter/vii.format-pane-settings/k.month-total-bar.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.