Vue Chart - commonAnnotationSettings.border
Configures the appearance of the annotation's border.
color
Colors the annotation's border.
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
cornerRadius
Makes the annotation's corners rounded.
The following table demonstrates how the corner's curvature depends on the cornerRadius value:
| cornerRadius | Result | 
|---|---|
| cornerRadius: 0 |  | 
| cornerRadius: 15 |  | 
| cornerRadius: 35 |  | 
dashStyle
Specifies the dash style of the annotation's border.
The following dash styles are available:
- solid 
 The border is a solid, continuous line.
- longDash 
 The border is displayed using long dashes.
- dash 
 The border is displayed using dashes.
- dot 
 The border is displayed using dots.
- Any combination of 'longDash', 'dash' and 'dot' 
 The border is displayed by repeating the specified combination. For instance, 'dashdotdash'.
opacity
Specifies the opacity of the annotation's border.
This property accepts a value from 0 to 1: 0 makes the border transparent; 1 makes it opaque.
If you have technical questions, please create a support ticket in the DevExpress Support Center.