graph » scale-r » ring
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.
Attribute | Type | Info |
---|---|---|
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' | ... |