ring

[ root » graph » scaleR » ring ]

Gauge Charts Only: Use the ring object to style the ring that appears around the outer edge of the gauge. Refer to the Angular Gauge Charts Tutorial for more information.

AttributeTypeInfo

alpha

Numeric

Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being completely opaque. Note that the leading zero is required before the decimal.

0.3 | 0.4 | 0.9 | ...

background-color backgroundColor

String

Sets the background color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)').

'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ...

border-color borderColor

String

Sets the border color of the object. Colors can be entered by name (e.g., 'purple', 'blue'), hexadecimal notation (e.g., '#666699', '#33ccff'), or RGB notation (e.g., 'rgb(255,0,0)', 'rgb(0,0,255)').

'none' | 'transparent' | 'purple' | '#33ccff' | 'rgb(100, 15, 15)' | ...

border-width borderWidth

Numeric

Sets the border width of the object.

1 | 3 | '6px' | ...

items

Array

To style the ring items.

[...]

line-style lineStyle

String

Sets the line style of the object.

'solid' | 'dotted' | 'dashed' | 'dashdot'

size

Numeric

Sets the size of the object.

30 | '40px' | ...