title

Specifies a title for the chart.

Type:

Object

|

String

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

Show Example:
jQuery

In the example below, the chart's 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 font options of the chart title are changed.


                                    

                                    

horizontalAlignment

Specifies the title's horizontal position in the chart.

Type:

String

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

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

Show Example:
jQuery

In this example, use the drop-down menu below to change the position of the chart title in a horizontal direction.


                                    

                                    

margin

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

Type:

Number

|

Object

Default Value: 10

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

Show Example:
jQuery

In this example, the placeholderSize option of the chart title is set to 60.


                                    

                                    

text

Specifies a text for the chart's title.

Type:

String

Default Value: null

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 the example below, the chart's title text is specified using the text field of the title option.


                                    

                                    

verticalAlignment

Specifies a title's position on the chart 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.

Show Example:
jQuery

In this example, use the drop-down menu below to change the position of the chart title in a vertical direction.