# VerticalAnnotation

Vertical annotation to be added to a graph.

- Source: [`aws-cloudwatch/lib/graph.ts`](https://github.com/aws/aws-cdk/blob/v2.275.0/packages/aws-cdk-lib/aws-cloudwatch/lib/graph.ts#L1082)
- Type last changed: v2.97.0 · 22 Sep 2023

## Example

```ts
// The code below shows an example of how to instantiate this type.
// The values are placeholders you should change.
import { aws_cloudwatch as cloudwatch } from 'aws-cdk-lib';
const verticalAnnotation: cloudwatch.VerticalAnnotation = {
  date: 'date',

  // the properties below are optional
  color: 'color',
  fill: cloudwatch.VerticalShading.NONE,
  label: 'label',
  visible: false,
};
```

## Properties

- `color`: string — The hex color code, prefixed with '#' (e.g. '#00ff00'), to be used for the annotation. The `Color` class has a set of standard colors that can be used here.

  **Default:** Automatic color

- `date`: string (required) — The date and time (in ISO 8601 format) in the graph where the vertical annotation line is to appear.

- `fill`: [VerticalShading](/cdk/api/v2/docs/aws-cdk-lib.aws_cloudwatch.VerticalShading.html) — Add shading before or after the annotation.

  **Default:** No shading

- `label`: string — Label for the annotation.

  **Default:** No label

- `visible`: boolean = true — Whether the annotation is visible.