# Chart Elements

Develop powerful and lightweight web applications using MVC FlexChart control. Learn more about the elements of the FlexChart control in MVC documentation.

## Content

FlexChart is composed of several elements as shown below:

| @cols=4:@rows=1: ![Chart Elements](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/chartelements_illustration.png) |
| --- | --- | --- |
| ![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/1.png) | **Chart Canvas** | Area on which all chart elements including the series, axes title and legend are placed. |
| ![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/2.png) | **Chart Header** | Text that you want to display at the top of your chart, basically a title that serves as a heading for your chart. |
| ![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/3.png) | **Axes** | Two primary axes, X and Y. Although in some cases you may add secondary axes as well. |
| ![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/4.png) | **Series** | Collection of data that is plotted on the chart. |
| ![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/5.png) | **Legend** | Name of the series added in the chart along with predefined symbols and colors used to plot data for that series. |
| ![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/6.png) | **Tooltip** | Tooltips or labels that appear when you hover on a series. |