New to Kendo UI for Angular? Start a free 30-day trial
Title
To configure the Chart title, use the kendo-chart-title configuration component.
Basics
To set a title, add the kendo-chart-title component and set its text property to the desired title text.
By default, the Angular Chart displays no title.
The following example demonstrates how to set a chart title and configure its font and alignment (optional).
Example
View Source
Change Theme:
Title Position
To control the position of the title, use the position property.
The following example demonstrates how to display the title at the bottom of the Chart:
Example
View Source
Change Theme:
Subtitle
The Chart supports configuring an additional subtitle via the kendo-chart-subtitle configuration component.
By default, the subtitle is displayed below the main title.
The following example demonstrates how to configure a subtitle:
Example
View Source
Change Theme:
Support and Learning Resources
- Getting Started with the Kendo UI for Angular Chart
- API Reference of the Chart
- Axes
- Chart Area
- Crosshairs
- Error Bars
- Labels
- Legend
- Notes
- Panes
- Plot Area
- Plot Bands
- Selection
- Series
- Tooltip
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- Chart Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base
