Hinzufügen von Animationen in Syncfusion UWP

Question

Ich benutze Syncfusion in der UWP-App, um ein Liniendiagramm zu erstellen. Und ich versuche, eine Animation hinzuzufügen, so dass die Zeile erweitert wird, wenn wir neue Daten zur Sammlung hinzufügen. Keine Hilfe bei der Dokumentation gefunden. Die Standardanimation zeichnet zwischen jeweils zwei Datenpunkten. keine andere Animation war vorhanden. Jede Hilfe wird geschätzt

Answer 1

Derzeit haben wir keine integrierte Unterstützung für Animationen, wenn der neue Datenpunkt dynamisch zur Serie hinzugefügt wird. Wir können jedoch Ihre Anforderung erfüllen, indem Sie CustomTemplate für die LineSeries verwenden und das Storyboard in dieser Vorlage für die Animation definiert wurde. Sie finden den folgenden Beispielcode als Referenz,

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();   
} 

Wir haben eine Demo-Probe auf Ihrer Anforderung vorbereitet basiert und kann heruntergeladen werden aus dem untenstehenden Link, Probe: Sample

Grüße,

Durgadevi S