title

Specifies a title for the gauge.

Type:

Object

|

String

Use this property to set the text for the gauge title. If you need to specify the title's position on the widget, assign an object to the title property with the required title options specified. In this instance, set the title text using the text property. When title text is not specified, the widget is displayed without a title.

You can also place details on the gauge below the title. To do this, specifiy the subtitle configuration option.

View Demo

Show Example:
jQuery

In this example, the title text is assigned directly to the title field.


                                    

                                    

font

Specifies font options for the title.

Type:

Object

Show Example:
jQuery

In this example, the title font options are changed.


                                    

                                    

position

Specifies a title's position on the gauge.

Type:

String

Default Value: 'top-center'
Accepted Values: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'

Show Example:
jQuery

Use the drop-down menu to change the position of the gauge title.


                                    

                                    

text

Specifies a text for the title.

Type:

String

Default Value: undefined

If you don't need to specify title options other than text, assign the text to the title property directly.
When a text is not specified for a title, the widget is displayed without a title.

Show Example:
jQuery

In this example, the title text is assigned to the text field of the title configuration object.