Disabling Chart Animations

Updated on Jul 7, 2026

Environment

Product

Progress® Kendo UI for Angular

Description

I update the data of the Kendo UI for Angular Chart dynamically and the user experience with the Chart animations is not good. How can I disable the animations of the Kendo UI for Angular Chart?

Solution

Set the transitions property of the ChartComponent to false.

html

    <kendo-chart
      [transitions]="false"
      [series]="chartSeries"
    >
    </kendo-chart>

The following example lets you toggle animations on and off at runtime and reload the chart data to observe the difference.

Change Theme

Theme

Loading ...