# Chart Elements

## Content



FlexChart is composed of several elements as shown below:

|   ![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/chartelements_illustration.png)   |  |  |
| --- | --- | --- |
|   ![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/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/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/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/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/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/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/4.png)   |   **Series**   |   Collection of data that is plotted on the chart.   |
|   ![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/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/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/6.png)   |   **Tooltip**   |   Tooltips or labels that appear when you hover on a series.   |