# Creating a Y Plot

Learn how to create a Y Plot chart using code or the designer with the Spread for Windows Forms Chart control.

## Content

You can create a Y Plot chart using code or the designer. The following image shows a Y Plot bar type chart.

![1次元プロットの例（棒チャート）](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/plottypes-y-bar.png)

For details on the API, see the [YPlotArea](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.YPlotArea.html) class.

The following classes are also available when creating Y plot type charts:

* Area chart
    [AreaSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.AreaSeries.html)
* Bar chart
    [BarSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.BarSeries.html)
* Box Whisker
    [BoxWhiskerSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.BoxWhiskerSeries.html)
* Funnel chart
    [FunnelSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.FunnelSeries.html)
* Histogram chart
    [HistogramSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.HistogramSeries.html)
* Line chart
    [LineSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.LineSeries.html)
* Market Data (High-Low) chart
    [CandlestickSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.CandlestickSeries.html), [HighLowAreaSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.HighLowAreaSeries.html), [HighLowBarSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.HighLowBarSeries.html), [HighLowCloseSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.HighLowCloseSeries.html), [OpenHighLowCloseSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.OpenHighLowCloseSeries.html)
* Pareto chart
    [ParetoSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.ParetoSeries.html)
* Point chart
    [PointSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.PointSeries.html)
* Waterfall chart
    [WaterfallSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.WaterfallSeries.html)

Also, you can add aggregate data series (Clustered Bar Chart, Stacked Bar Chart) with multiple series. The following classes refer the series collection from Series property respectively.

* Clustered bar Chart
    [ClusteredBarSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.ClusteredBarSeries.html)
* Stacked bar chart
    [StackedBarSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.StackedBarSeries.html)
* Stacked area chart
    [StackedAreaSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.StackedAreaSeries.html)
* Stcaked line chart
    [StackedLineSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.StackedLineSeries.html)
* Stacked point chart (Scatter chart)
    [StackedPointSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.StackedPointSeries.html)

### Using Code

1. Create a [BarSeries](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.BarSeries.html) object that represents the data series of bar chart and add the data.
2. Create a [YPlotArea](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.YPlotArea.html) object that represents the plot area and set its position and size.
3. Add a data series to the plot area.
4. Create label and legend area.
5. Create a [ChartModel](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.ChartModel.html) object and add plot area, label and legend area.
6. Assign a chart model to the chart.

### Example

The following example creates a bar chart.

```csharp
FarPoint.Win.Chart.BarSeries series = new FarPoint.Win.Chart.BarSeries();
series.SeriesName = "Series 0";
series.Values.Add(2.0);
series.Values.Add(4.0);
series.Values.Add(3.0);
series.Values.Add(5.0);
FarPoint.Win.Chart.YPlotArea plotArea = new FarPoint.Win.Chart.YPlotArea();
plotArea.Location = new PointF(0.2f, 0.2f);
plotArea.Size = new SizeF(0.6f, 0.6f);
plotArea.Series.Add(series);
FarPoint.Win.Chart.LabelArea label = new FarPoint.Win.Chart.LabelArea();
label.Text = "Bar Chart";
label.Location = new PointF(0.5f, 0.02f);
label.AlignmentX = 0.5f;
label.AlignmentY = 0.0f;
FarPoint.Win.Chart.LegendArea legend = new FarPoint.Win.Chart.LegendArea();
legend.Location = new PointF(0.98f, 0.5f);
legend.AlignmentX = 1.0f;
legend.AlignmentY = 0.5f;
FarPoint.Win.Chart.ChartModel model = new FarPoint.Win.Chart.ChartModel();
model.LabelAreas.Add(label);
model.LegendAreas.Add(legend);
model.PlotAreas.Add(plotArea);
chart2DControl1.Model = model;
```

```vbnet
Dim series As New FarPoint.Win.Chart.BarSeries()
series.SeriesName = "Series 0"
series.Values.Add(2.0)
series.Values.Add(4.0)
series.Values.Add(3.0)
series.Values.Add(5.0)
Dim plotArea As New FarPoint.Win.Chart.YPlotArea()
plotArea.Location = New PointF(0.2F, 0.2F)
plotArea.Size = New SizeF(0.6F, 0.6F)
plotArea.Series.Add(series)
Dim label As New FarPoint.Win.Chart.LabelArea()
label.Text = "Bar Chart"
label.Location = New PointF(0.5F, 0.02F)
label.AlignmentX = 0.5F
label.AlignmentY = 0.0F
Dim legend As New FarPoint.Win.Chart.LegendArea()
legend.Location = New PointF(0.98F, 0.5F)
legend.AlignmentX = 1.0F
legend.AlignmentY = 0.5F
Dim model As New FarPoint.Win.Chart.ChartModel()
model.LabelAreas.Add(label)
model.LegendAreas.Add(legend)
model.PlotAreas.Add(plotArea)
chart2DControl1.Model = model
```

### Using Chart designer

1. Run the **Chart Designer**.
2. Select the target **Chart Model** from the tree menu on the left.
3. Open the **Plot Area Collection Editor** from Prot Areas in the **Other** section of the property list on the right.
4. Click the drop-down button to the right of the **Add** button.
5. Select and add **YPlotArea** and set each property as needed.

> !type=note
> 
> For more information regarding opening the [Chart Designer], kindly refer to "[Using the Chart Designer](/spreadnet/docs/latest/online-win/overview/spwin-designerguide/fpchart-chartdesigner)" in the "[Spread Designer Guide](/spreadnet/docs/latest/online-win/overview/spwin-designerguide)".