# ChartArea Toolbar

## Content



Another primary floating toolbar, the **ChartArea** floating toolbar for the [C1Chart](/componentone/api/win/online-chart2d/dotnet-framework-api/C1.Win.C1Chart.4.8/C1.Win.C1Chart.C1Chart.html) control includes a **Properties**, **Background**, and a **Border** command button. The figure below shows how the **ChartArea** toolbar appears when the user selects the ChartArea on the [C1Chart](/componentone/api/win/online-chart2d/dotnet-framework-api/C1.Win.C1Chart.4.8/C1.Win.C1Chart.C1Chart.html) control. When a user selects a toolbar, a label name is provided for the user's convenience.

<br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image9_95.png)

### Exposing the ChartArea toolbar

To expose the ChartArea toolbar slide your cursor in the ChartArea.

### ChartArea Toolbar's Command Buttons

The figure below illustrates each element in the **ChartArea** toolbar.

<br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image9_96.png)

The section below lists all of the command buttons available in the **ChartArea** toolbar and describes the functionality of each one.

### Properties

The **Properties** command button exposes the **Chart Properties** editor for the **ChartArea** element when the user clicks on the properties command button.

<br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/chartarea_toolbar.png)

### Background button

The **Background** command button has a drop-down box that contains three different types of styles for the background and a color drop-down list box for the user to specify a color for the ChartArea's background.

<br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/chartarea_backgroundbutton.png)

### Border button

The **Border** command button includes a drop-down box that contains editable Border styles and colors for the ChartArea's border.

<br />![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/chartarea_borderbutton.png)

## See Also

[PlotArea Toolbar](/componentone/docs/win/online-chart2d/designtimetoolsforcr/workingwiththesmartd/primaryfloatingtoolb/plotareatoolbar)