<!--
{
  "availability" : [
    "watchOS: 7.0.0 - 27.2.0"
  ],
  "documentType" : "symbol",
  "framework" : "ClockKit",
  "identifier" : "/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeView",
  "metadataVersion" : "0.1.0",
  "role" : "Class",
  "symbol" : {
    "kind" : "Class",
    "modules" : [
      "ClockKit",
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:17_ClockKit_SwiftUI51CLKComplicationTemplateGraphicCircularOpenGaugeViewC"
  },
  "title" : "CLKComplicationTemplateGraphicCircularOpenGaugeView"
}
-->

# CLKComplicationTemplateGraphicCircularOpenGaugeView

A template for displaying a SwiftUI view, an open gauge, and text.

```
final class CLKComplicationTemplateGraphicCircularOpenGaugeView<Label> where Label : View
```

## Overview

This template belongs to the [`CLKComplicationFamily.graphicCircular`](/documentation/ClockKit/CLKComplicationFamily/graphicCircular) family. [Figure 1](/documentation/clockkit/clkcomplicationtemplategraphiccircularopengaugeview#3667249) shows the layout of the view and where the template might appear on the clock face.

![A diagram showing the layout of the complication that calls out the content produced by the gauge provider, text provider, and label.](images/com.apple.clockkit/media-3667249@2x.png)

The following table lists the dimensions of the view displayed by this template. The image provider automatically masks the image to a circle.

|Apple Watch Size|Width      |Height     |
|----------------|-----------|-----------|
|40 mm           |11 points  |11 points  |
|41 mm           |11.5 points|11.5 points|
|44 mm           |12 points  |12 points  |
|45 mm           |13 points  |13 points  |

## Topics

### Creating the Template

[`init(gaugeProvider: CLKGaugeProvider, centerTextProvider: CLKTextProvider, bottomLabel: Label)`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeView/init(gaugeProvider:centerTextProvider:bottomLabel:))

Creates a new template that has an open circular gauge, a small amount of text in the center, and a small SwiftUI view at the bottom.

### Accesing the Content

[`var gaugeProvider: CLKGaugeProvider`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeView/gaugeProvider)

The gauge provider for the template.

[`var centerTextProvider: CLKTextProvider`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeView/centerTextProvider)

The text provider for the center text.

[`var bottomLabel: Label`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeView/bottomLabel)

The SwiftUI view displayed by the template.

## Relationships

### Conforms To

[`Hashable`](/documentation/Swift/Hashable)

[`CustomStringConvertible`](/documentation/Swift/CustomStringConvertible)

[`Equatable`](/documentation/Swift/Equatable)

[`CustomDebugStringConvertible`](/documentation/Swift/CustomDebugStringConvertible)

[`NSCopying`](/documentation/Foundation/NSCopying)

[`NSObjectProtocol`](/documentation/ObjectiveC/NSObjectProtocol)

[`CVarArg`](/documentation/Swift/CVarArg)

### Inherits From

[`CLKComplicationTemplateGraphicCircular`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircular)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)