Question

我在Angular中用Kendo制作了一个甜甜圈图，当我刷新数据时，该图将制作动画。我正在努力避免这种情况。

我尝试将animations = false和animations = 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>

如何禁用动画

1 个答案: