title

Specifies a title for a gauge.

Type: Object|String

Use this option to set a text for the gauge title. If you need to specify only a text for the title, assign this text directly to the title field. Otherwise, assign an object with the required title options specified to the title option. When title is not specified, the widget is displayed without a title.

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, several font options of the title text are changed.


                                    

                                    

horizontalAlignment

Specifies the gauge title's horizontal position.

Type: String
Default Value: 'center'
Accepted Values: 'center' | 'left' | 'right'

To set the title's vertical position, use the verticalAlignment option.

margin

Specifies the distance between the title and surrounding gauge elements in pixels.

Type: Number|Object
Default Value: 0

Use the fields of the margin object to set the required values for the left, right, top and bottom title margins separately. If you require title margins to be equal, assign a numeric value to the margin option.

placeholderSize

Specifies the height of the space reserved for the title.

Type: Number
Default Value: undefined

position

Deprecated

Use the horizontalAlignment and verticalAlignment options instead.

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.


                                    

                                    

subtitle

Specifies a subtitle for the widget.

Type: Object|String

Use this property to set the text to be displayed as a gauge subtitle (the text below the title). If you need to specify the subtitle's font, assign an object to the subtitle property with the required options specified. In this instance, set the subtitle's text using the text property.

Show Example:
jQuery

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


                                    

                                    

text

Specifies text for the title.

Type: String
Default Value: undefined

Show Example:
jQuery

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


                                    

                                    

verticalAlignment

Specifies the gauge title's position in the vertical direction.

Type: String
Default Value: 'top'
Accepted Values: 'top' | 'bottom'

To set the title's position in the horizontal direction, use the horizontalAlignment option.