> For the complete documentation index, see [llms.txt](https://docs.locoia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.locoia.com/data-and-dashboards/dashboards-and-insights/charts.md).

# Charts

Locoia has different charts to visualize Insights on Dashboards. Those charts can be individually styled and configured in the Graph Designer Tab of an insight:

![Graph Designer](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48060285166/original/X_T5noPRgNg6M326PYBmO-Z13Ac7WPRdPA.png?1600767947)

The chart type can be changed by selecting a different chart in the "Chart type" dropdown:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48060285822/original/D5pAUUlNvbwm1mzzi9DlXM3faBXR8-aT6w.png?1600768099)

## Chart Types

Most commonly used chart types available:

{% content-ref url="/pages/-MdTBVAvuLwcuHj1HUAf" %}
[Line Chart](/data-and-dashboards/dashboards-and-insights/charts/line-chart.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTBa2poJk3tx7xfBhG" %}
[Bar and Horizontal Bar Chart](/data-and-dashboards/dashboards-and-insights/charts/bar-and-horizontal-bar-chart.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTBwJ9tcsXVvT-vOir" %}
[Stat Card](/data-and-dashboards/dashboards-and-insights/charts/stat-card.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTBgK0Qk5dFNaNc86q" %}
[Pie Chart](/data-and-dashboards/dashboards-and-insights/charts/pie-chart.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTC192BYiL6obDmAYW" %}
[Gauge Chart](/data-and-dashboards/dashboards-and-insights/charts/gauge-chart.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTBnB15J-sF\_J57DY-" %}
[Donut Chart](/data-and-dashboards/dashboards-and-insights/charts/donut-chart.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTC62zkDTWPYi7LWSn" %}
[Stacked Bar, Horizontal Stacked Bar, and Normalized Horizontal Stacked Bar](/data-and-dashboards/dashboards-and-insights/charts/stacked-bar-horizontal-stacked-bar-and-normalized-horizontal-stacked-bar.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTCCutnroQkohN0izo" %}
[Multiple Line Chart](/data-and-dashboards/dashboards-and-insights/charts/multiple-line-chart.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTC\_JoljWiUA3rhhhq" %}
[Pivot Table](/data-and-dashboards/dashboards-and-insights/charts/pivot-table.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdTBCVglo0pbdK2yG8S" %}
[Map Chart](/data-and-dashboards/dashboards-and-insights/charts/map-chart.md)
{% endcontent-ref %}

## Chart Configuration

Besides selecting a chart type, for every chart, a column that should be used as the X-axis has to be set.

Furthermore, specific columns can be hidden if they appear in the query results, but should not be used for the chart.

The styling and displaying of data for the selected chart type can then be set by category, such as the Legend, X-Axis, and so forth. Some of those configurations depend on the selected chart type and are pointed out in the help center article for the corresponding chart type (linked in the list above).

{% hint style="info" %}
For all color fields you can either select one of the pre-defined colors or simply enter your own color as a HEX code.
{% endhint %}

{% hint style="danger" %}
For conditional coloring the **Range End** cannot be set to `0`, in that case the coloring will not work as expected. 
{% 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 dynamically by asking a question.

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

```
GET https://docs.locoia.com/data-and-dashboards/dashboards-and-insights/charts.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.