font

Specifies font options for the text displayed in the scale labels of the gauge.

Type:

Object

Show Example:
jQuery

In this example, font options of the scale labels are changed.


                                    

                                    

color

Specifies the font color for the text displayed in scale labels.

Type:

String

Default Value: '#767676'

This option supports the following colors:

Show Example:
jQuery

In this example, the font color of the scale labels is changed to royalblue.


                                    

                                    

family

Specifies the font family for the text displayed in scale labels.

Type:

String

Default Value: ''Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana'

For details on acceptable values, refer to the Font family article.

Show Example:
jQuery

In this example, the font family of the scale labels is changed.


                                    

                                    

opacity

Specifies the opacity of the text displayed by scale labels.

Type:

Number

Default Value: 1

Show Example:
jQuery

In this example, the opacity of scale labels is changed to 0.75.


                                    

                                    

size

Specifies the font size of the scale labels' text.

Type:

Number

|

String

Default Value: 12

A numeric value specifies the font size in pixels. A string value can specify the font size in any units listed here, but multi-line text only supports length units.

Show Example:
jQuery

In this example, the font size of the scale labels is set to 16.


                                    

                                    

weight

Specifies the font weight for scale labels. Accepts values from 100 to 900 in increments of 100. Higher values increase boldness.

Type:

Number

Default Value: 400

Show Example:
jQuery

In this example, the font weight of the scale labels is set to 700.