在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