Syncfusion UWPでアニメーションを追加

Question

私はUWPアプリケーションでSyncfusionを使用して折れ線グラフを作成しています。私は、コレクションに新しいデータを追加するときにその線が伸びるようにアニメーションを追加しようとしています。ドキュメンテーションに関するヘルプは見つかりませんでした。デフォルトのアニメーションは、その中の2つのデータポイント間を描画します。他のアニメーションは存在しませんでした。どんな助けがありがたいですか

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