title: How to disable the animation
body: <p>I got a donut chart made with Kendo in Angular and when I refresh the data, the chart make its animation. I'm trying to avoid this.</p>
  
  <p>I tried to put animations = false and animation = false as attribute but it didn't work.
  I looked for a solution, but I only found solutions with jQuery. I need a solution for Angular.</p>
  
  <pre><code>&lt;kendo-chart&gt;
      &lt;kendo-chart-series&gt;
        &lt;kendo-chart-area
          [margin]="0"
          [height]="height"
          opacity="0"&gt;&lt;/kendo-chart-area&gt;
        &lt;kendo-chart-series-item
          type="donut"
          [data]="donutData"
          categoryField="kind"
          field="share"
          [holeSize]="25"&gt;
        &lt;/kendo-chart-series-item&gt;
      &lt;/kendo-chart-series&gt;
      &lt;kendo-chart-legend [visible]="false"&gt;&lt;/kendo-chart-legend&gt;
    &lt;/kendo-chart&gt;
  </code></pre>
  
  <p>I want the chart doesn't make the animation when reload the data</p>