GaugeBand

Type class

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

Example

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

Sources

This information about GaugeBand is provided for reference only and is not available through exported packages and thus should not be imported or used on its own.

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()

Returns void

Sets end value for the band.

value

#setStartValue()

Returns void

Sets start value for the band.

value

Events

#clickBand

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

Dispatched when user clicks on a band.

#rollOutBand

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

Dispatched when user rolls-out of the band.

#rollOverBand

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

Dispatched when user rolls-over the band.