# 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: 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.locoia.com/data-and-dashboards/dashboards-and-insights/charts.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.