# Chart

![](/files/-M-RcRCog0eRnimUpU0H)

### 🎨 Styles

* **Appearance**
  * **Background color:** select the background color using the [color picker](/apphive-documentacion/reference/estilos/color-picker.md).
  * **Text color**: select text color in the chart element using the [color picker](/apphive-documentacion/reference/estilos/color-picker.md).
  * **Color lines**: select line color in the chart element using the [color picker](/apphive-documentacion/reference/estilos/color-picker.md).

### ⚙ Properties

*
* **Specific Properties**
  * Type graphic
    * **Line charts**: represent and visualize the time-dependent data to show the trends at equal intervals.
    * **Bezier chart:** Bézier curves are widely used in computer graphics to model smooth curves. As the curve is completely contained in the convex hull of its control points, the points can be graphically displayed and used to manipulate the curve intuitively.
    * **Bar charts**: are among the most common chart types that are used to compare frequency, count, total, or average of data in different categories with a horizontal bar.
    * **Progress Chart**: are among the most common chart types that are used to compare frequency, count, total, or average of data in different categories with a vertical bar.
    * **Pie chart**: is a circular statistical graphic, which is divided into slices to illustrate numerical proportion.
* **Labels:** add any combination of letters, numbers, and symbols to modify the name of each label.
* **Data:** add \*\*\*\*any combination of numbers to modify the data in the label.
* **Pie chart colors:** add color names or hexadecimal number for each label

![Line chart](/files/-M-vq28nj39v2kI8P8_G)

![Bezier chart](/files/-M-vqfMaf15ma4nZilOv)

![Bar chart](/files/-M-vqrV7q9UZvitym5Na)

![Progress chart](/files/-M-vr8hF2s53jNzRoWJ0)

![Pie chart](/files/-M-vrHG5p-DaPmEITqsy)


---

# 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.apphive.io/apphive-documentacion/compilaciones-y-cargas-a-tiendas/elementos-de-interfaz/multimedia/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.