Donut chart animation not working when paasing only one record ?????

[Palak]

I am using kendo ui Donut chart to display category and its
value on Donut chart.

When there is  5
category data in “Model.ChartDataList”
the Donut chart animation is working  fine.
But when it receive only 1 category data in “Model.ChartDataList” the Donut chart animation is not working.

Is there any way to slow the speed of animation of Donut
chart ?

How can I control the animation of Donut chart ?

 And why it is not animating when there is only 1 category data in “Model.ChartDataList”.

Class ChartData{

public string CategoryName {get;set;}
public int Value {get;set;}

}

Class donutViewModel{

public  List< ChartData> ChartDataList {get;set;}

}

 

  @(Html.Kendo().Chart(Model.ChartDataList)
      .Name("Chart")
      .Legend(legend => legend.Visible(false))
       .Title(title => title.Font("Bold 12px Calibri").Text("CHART"))
        
      .Tooltip(tooltip => tooltip
                          .Visible(true)
                          .Template("${category}-${value}%")
                          .Format("{0}%")
         
      )
            .Series(series =>
            {
                   series.Donut(m => m.Value,m => m.CategoryName);
            })
  )

[Iliana Dyankova]

Hello Palak,

Animations are related to rendering multiple chart series - when there is only one series no animations are played. If you wish to have consistent behaviour regardless the categories number you could entirely stop the animations (documentation link):

@(Html.Kendo().Chart(Model)
  //....
  .Transitions(false)
)

Regards,
Iliana Nikolova
Telerik