# Chart Area

The Chart area is a container for all Chart elements, including the legend and the title.

To customize the Chart area, use the [`ChartArea`](https://www.telerik.com/kendo-vue-ui/components/charts/api/chartareaprops) configuration component.

The following example demonstrates how to configure the background of the Chart area and its margin (in pixels).

[Demo Source](https://demos.telerik.com/kendo-vue-ui/charts/elements/chart-area/source.txt)

## Suggested Links

* [Axes](https://www.telerik.com/kendo-vue-ui/components/charts/elements/axes)
* [Crosshairs](https://www.telerik.com/kendo-vue-ui/components/charts/elements/crosshairs)
* [Error Bars](https://www.telerik.com/kendo-vue-ui/components/charts/elements/crosshairs)
* [Labels](https://www.telerik.com/kendo-vue-ui/components/charts/elements/labels)
* [Legend](https://www.telerik.com/kendo-vue-ui/components/charts/elements/legend)
* [Notes](https://www.telerik.com/kendo-vue-ui/components/charts/elements/notes)
* [Panes](https://www.telerik.com/kendo-vue-ui/components/charts/elements/panes)
* [Plot Area](https://www.telerik.com/kendo-vue-ui/components/charts/elements/plot-area)
* [Plot Bands](https://www.telerik.com/kendo-vue-ui/components/charts/elements/plot-bands)
* [Selection](https://www.telerik.com/kendo-vue-ui/components/charts/elements/selection)
* [Series](https://www.telerik.com/kendo-vue-ui/components/charts/elements/series)
* [Title](https://www.telerik.com/kendo-vue-ui/components/charts/elements/title)
* [Tooltip](https://www.telerik.com/kendo-vue-ui/components/charts/elements/tooltips)
* [API Reference of the Chart](https://www.telerik.com/kendo-vue-ui/components/charts/api)