Range API in React Linear Gauge API component

Sets and gets the options for customizing the ranges of an axis.

Properties

border

BorderModel

Sets and gets the options to customize the style properties of the border for the axis range.

color

string

Sets and gets the color of the axis range.

Defaults to ”

end

number

Sets and gets the end value for the range in axis.

Defaults to 0

endWidth

number

Sets and gets the width for the end of the range in axis.

Defaults to 10

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 from where the range must be placed from the axis in linear gauge.

Defaults to ‘0’

position

Position

Sets and gets the position to place the ranges in the axis.

Defaults to Outside

radialGradient

RadialGradientModel

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

Defaults to null

start

number

Sets and gets the start value for the range in axis.

Defaults to 0

startWidth

number

Sets and gets the width for the start of the range in axis.

Defaults to 10