# Chart Elements

## Content

In SpreadJS, a chart comprises several chart elements (chart area, chart title, plot area, series, axes, data labels, data markers, and legends) that can be formatted individually to generate 2-D charts with a customized layout.

Configuring chart elements in a spreadsheet not only enables users to represent information in a meaningful way but also helps them in putting together a clearer view of comparisons and trends for enhanced data visualization and analysis.

A basic chart with customized chart elements is shown below for your reference.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/configuring_charts1.png)

You can create and customize charts in the following ways:

1. [Chart Title](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/chart-title)
2. [Chart Area and Plot Area](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/chart-area)
3. [Legends](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/ConfiguringLegends)
4. [Series](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/ConfiguringSeries)
5. [Axes](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/ConfiguringAxes)
6. [Data Labels](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/ConfiguringDataLabel)
7. [Data Markers](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/ConfigureDataMarkers)
8. [Gridlines](/spreadjs/docs/v17/features/Charts/ConfigureChartElements/ConfiguringGridlines)