# Ellipse

Learn how to add and setup an ellipse shape. See more demos, documentation, and samples here.

## Content



[C1GaugeEllipse](/componentone/docs/win/online-gauges/) is the simplest shape. When filling the ellipse with radial gradient set the gradient's **Direction** property to **RadialInner**. If the **Width** (**Height**) property is positive it uses the same logical coordinates as gauge pointers and decorators. If the **Width** (**Height**) property is negative its value specifies the portion of the owner element's width (or height). So, -1 is the whole width (height) of the owner element, -2 is double width (height) of the owner element, and so on.

<br />![Editing Gauge](https://cdn.mescius.io/document-site-files/images/2003d53a-81bd-40aa-82c0-56cd09293e5d/imagesext/image10_5.png)

[Settings for this shape: Width = -1, Height = -0.6, RotateAngle = 20\]

## See Also

[Rectangle](/componentone/docs/win/online-gauges/workingwithgaugesfor/gaugefaceandcoversha/rectangle)