# Chart User Interface Elements

Discover the key components of a chart's canvas, such as LabelArea, LegendArea, and PlotArea, and their relative positioning and alignment.

## Content

Here is a brief summary of the elements of the canvas (chart view) of the chart.
This diagram shows the parts of the canvas:
![レイヤー構成](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/chartdiagram.png)
There are three main elements in the chart:

* [LabelArea](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.LabelArea.html) \- Labels contain the plot title and the axis labels\.
* [LegendArea](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.LegendArea.html) \- Legends contain identifiers for each of the series of data\.
* [PlotArea](/spreadnet/api/latest/online-win/FarPoint.Win.Chart/FarPoint.Win.Chart.PlotArea.html) \- The plot consists of data displayed in one of several plot types\. For more information about plot types\, refer to Plot Types\. On the plot are several graphical elements such as grid lines\, tick marks\, stripes\, and walls\.

> !type=note
> **Note:** For information on various plot types, see [Plot Types](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-plottypes).

Elements are positioned using a relative location, where (0,0) is the upper left corner of the chart and (1,1) is the lower right corner of the chart and a relative alignment, where (0,0) is the upper left corner of the element and (1,1) is the lower right corner of the element.
![SPREADチャートのユーザーインタフェース要素"/](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/canvasparts70.jpg)

## See Also

[Chart Object Model](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-chart-objects)
[Chart Types and Views](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-chart-charttv)
[Plot Types](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-plottypes)
[Plot area](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-plotsseries)
[Labels](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-style-labels)
[Legends](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-style-legend)
[Error Bars](/spreadnet/docs/latest/online-win/overview/spwin-devguide/fpchart-devguide/fpchart-chartsummary/fpchart-chart-errorbars)