在Syncfusion中添加动画UWP

Question

我在UWP应用程序中使用Syncfusion创建折线图。我正在尝试添加动画，以便在将新数据添加到集合中时该行扩展。没有找到任何文件帮助。默认动画在其中的每两个数据点之间绘制。没有其他动画出席。任何帮助表示赞赏

Answer 1

目前当新数据点动态添加到系列时，我们没有对动画的内置支持。但是，我们可以通过将CustomTemplate用于LineSeries来实现您的要求，并且已经在该模板中为动画定义了故事板。请找到参考下面的代码示例，

MainWindow.xaml：

<chart:LineSeries ItemsSource="{Binding Collection}" 
          XBindingPath="XValue" YBindingPath="YValue" 
          > 
      <chart:LineSeries.CustomTemplate> 
       <DataTemplate> 
        <Canvas > 
         <Line X1="{Binding X1}" Y1="{Binding Y1}" X2="{Binding X2}" Y2="{Binding Y2}" Loaded="Line_Loaded" Stroke="{Binding Interior}" Name="line"> 
          <Line.Resources> 
           <Storyboard x:Name="story" > 
            <DoubleAnimation x:Name="Danimation1" EnableDependentAnimation="True" Storyboard.TargetName="line" Storyboard.TargetProperty="X2" From="{Binding X1}" To="{Binding X2 }" /> 
            <DoubleAnimation x:Name="Danimation2" EnableDependentAnimation="True" Storyboard.TargetName="line" Storyboard.TargetProperty="Y2" From="{Binding Y1}" To="{Binding Y2}" /> 
           </Storyboard> 
          </Line.Resources> 
         </Line> 
        </Canvas> 

       </DataTemplate> 
      </chart:LineSeries.CustomTemplate> 

     </chart:LineSeries> 

MainWindow.cs：

private void Line_Loaded(object sender, RoutedEventArgs e) 
{ 

     var line = sender as Line; 

     Storyboard sb = line.Resources["story"] as Storyboard;    
     sb.Begin();   
} 

我们已经准备了演示样品根据您的需要，它可以下载从下面的链接， 示例：Sample

关心，

Durgadevi S