Range API in Vue 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 color and width of the border for the axis range.

color

string

Sets and gets the color of the axis range.

end

number

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

Defaults to 0

endWidth

number

Sets and gets the width of 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 value to position the range in the axis.

Defaults to ‘0’

position

string

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 of the start of the range in axis.

Defaults to 10