Range API in Angular Circular Gauge API component

Sets and gets the option to customize the ranges of an axis in circular gauge.

Properties

color

string

Sets and gets the color of the ranges in circular gauge.

Defaults to null

end

number

Sets and gets the end value of the range in circular gauge.

Defaults to 0

endWidth

number | string

Sets and gets the width for the end of the range in the circular gauge.

Defaults to ‘10’

legendText

string

Sets and gets the text to be displayed for the corresponding legend item in the legend of the circular gauge.

Defaults to ”

linearGradient

LinearGradientModel

Sets and gets the properties to render a linear gradient for the range. If both linear and radial gradient is set, then the linear gradient will be rendered in the range.

Defaults to null

offset

number | string

Sets and gets the offset value for the range from which it is to be placed from the axis in circular gauge.

Defaults to ‘0’

opacity

number

Sets and gets the opacity for the ranges in circular gauge.

Defaults to 1

position

PointerRangePosition

Sets and gets the position of the range in the axis in circular gauge.

Defaults to Auto

radialGradient

RadialGradientModel

Sets and gets the properties to render a radial gradient for the range.

Defaults to null

radius

string

Sets and gets the radius of the range for circular gauge.

Defaults to null

roundedCornerRadius

number

Sets and gets the corner radius for ranges in circular gauge.

Defaults to 0

start

number

Sets and gets the start value of the range in circular gauge.

Defaults to 0

startWidth

number | string

Sets and gets the width for the start of the range in the circular gauge.

Defaults to ‘10’