# Creating a Chart Control

Learn the various steps involved in creating a Chart control using the Chart Designer. Learn more in documentation.

## Content



You can create a Chart control with the Chart Designer. In the Spread designer, select the chart icon, add a chart, right-click on the chart, and select the Chart Designer (or select a Chart control on the form and select the designer from the chart verb).

1.  Click on the **PlotArea Collection** drop-down button. If the **YPlotArea** is selected, click **Remove**. Then click **Add** and select the **PiePlotArea**.
    
    ![Spread for ASP.NET spreadsheet interface displays Plot Area Collection Editor, helping developers complete the task described in Creating a Chart Control.](https://cdn.mescius.io/document-site-files/images/346c9178-0ed8-4fb9-908b-1565b22fb408/artwork/plotareapie.png)
    
2.  Select the **Series Collection** drop-down button (under **Data**).
3.  Click the **Add** button in the **Series Collection Editor**. Then select the **Values Collection** drop-down button.
    
    ![Spread for ASP.NET spreadsheet interface displays Series Collection Editor, helping developers complete the task described in Creating a Chart Control.](https://cdn.mescius.io/document-site-files/images/346c9178-0ed8-4fb9-908b-1565b22fb408/artwork/seriespie.png)
    
4.  Click the **Add** button and add multiple data values. Type a double value in the text area on the right side of the editor.
    
    ![Spread for ASP.NET spreadsheet interface displays Double Collection Editor, helping developers complete the task described in Creating a Chart Control.](https://cdn.mescius.io/document-site-files/images/346c9178-0ed8-4fb9-908b-1565b22fb408/artwork/piedouble.png)
    
5.  Select OK on the three dialogs. Click **Apply** and **OK** to apply the designer changes to the control and close the designer. The **LabelArea Collection** editor can be used to change the text of the legend (from Bar to Pie, for example).
    
    ![Spread for ASP.NET spreadsheet interface displays FarPoint Chart Designer, helping developers complete the task described in Creating a Chart Control.](https://cdn.mescius.io/document-site-files/images/346c9178-0ed8-4fb9-908b-1565b22fb408/artwork/piefinal.png)