Documentation

GaugeBand

Type class

Creates a band for a specified value range on the GaugeAxis. Multiple bands can be assigned to a single GaugeAxis.

Example

var chart = AmCharts.makeChart("chartdiv",{
	...
	"axes": [
		{
			...
			"bands": [
				{
					"startValue": 0,
					"endValue": 100
				}
			]
		}
	]
});

Inheritance

GaugeBand does not extend any other symbol.

GaugeBand is not extended by any other symbol.

Properties

alpha
#

Type number

Opacity of band fill. Will use axis.bandAlpha if not set any.
balloonText
#

Type string

When rolled-over, band will display balloon if you set some text for this property.
color
#

Type color

Color of a band.
endValue
#

Type number

End value of a fill.
gradientRatio
#

Type number[]

Default []

Example: [-0.2, 0, -0.2]. Will make bands to be filled with color gradients. Negative value means the color will be darker than the original, and positive number means the color will be lighter.
id
#

Type string

Unique id of a band.
innerRadius
#

Type number/string

Inner radius of a band. If not set any, the band will end with the end of minor ticks. Set 0 if you want the band to be drawn to the axis center.
radius
#

Type number/string

Band radius. If not set any, the band will start with the axis outline.
startValue
#

Type number

Start value of a fill.
url
#

Type string

Gauge band can be clickable and can lead to some page.

Methods

setEndValue(
  value
)

#

Returns void

Sets end value for the band.

value

setStartValue(
  value
)

#

Returns void

Sets start value for the band.

value

Events

#clickBand

Param {type: "clickBand", dataItem: GaugeBand, chart: Object, event: MouseEvent}

Dispatched when user clicks on a band.
#rollOutBand

Param {type: "rollOutBand", dataItem: GaugeBand, chart: Object, event: MouseEvent}

Dispatched when user rolls-out of the band.
#rollOverBand

Param {type: "rollOverBand", dataItem: GaugeBand, chart: Object, event: MouseEvent}

Dispatched when user rolls-over the band.

Adapters

GaugeBand does not have any adapters.