如何禁用动画

Question

我用Angular中的Kendo制作了一个甜甜圈图表，当我刷新数据时，图表就会生成动画。我在试着避免这种情况。

我尝试将animations = false和animation = false作为属性，但它不起作用。我寻找了一个解决方案，但我只找到了jQuery的解决方案。我需要一个Angular的解决方案。

<kendo-chart>
    <kendo-chart-series>
      <kendo-chart-area
        [margin]="0"
        [height]="height"
        opacity="0"></kendo-chart-area>
      <kendo-chart-series-item
        type="donut"
        [data]="donutData"
        categoryField="kind"
        field="share"
        [holeSize]="25">
      </kendo-chart-series-item>
    </kendo-chart-series>
    <kendo-chart-legend [visible]="false"></kendo-chart-legend>
  </kendo-chart>

我希望图表在重新加载数据时不会生成动画

Answer 1

正如前面提到的here，密钥被称为transitions。因此，您需要将属性[transitions]="false"添加到图表中。

<kendo-chart [transitions]="false">
<!--         ^^^^^^^^^^^^^^^^^^^^ -->
  <kendo-chart-series>
    <kendo-chart-area
      [margin]="0"
      [height]="height"
      opacity="0"></kendo-chart-area>
    <kendo-chart-series-item
      type="donut"
      [data]="donutData"
      categoryField="kind"
      field="share"
      [holeSize]="25">
    </kendo-chart-series-item>
  </kendo-chart-series>
  <kendo-chart-legend [visible]="false"></kendo-chart-legend>
</kendo-chart>