# Chart Elements

## Content



FlexChart is composed of several elements as shown below:

|   ![Pictorial illustration of basic chart elements](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/images/chartelements_illustration.png)   |  |  |
| --- | --- | --- |
|   ![digit](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/images/1.png)   |   **Chart Canvas**   |   Area on which all chart elements including the series, axes title and legend are placed.   |
|   ![digit](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/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.   |
|   ![digit](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/images/3.png)   |   **Axes**   |   Two primary axes, X and Y. Although in some cases you may add secondary axes as well.   |
|   ![digit](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/images/4.png)   |   **Series**   |   Collection of data that is plotted on the chart.   |
|   ![digit](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/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.   |
|   ![digit](https://cdn.mescius.io/document-site-files/images/b011ec9b-8b9c-49b7-96b6-ebd2d5673a5e/images/6.png)   |   **Tooltip**   |   Tooltips or labels that appear when you hover on a series.   |