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).
Change Theme
Theme
Loading ...
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:
Change Theme
Theme
Loading ...
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:
Change Theme
Theme
Loading ...
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