在 Syncfusion UWP 中添加动画

Question

我在 UWP 应用程序中使用 Syncfusion 创建折线图。我正在尝试添加动画，以便在我们将新数据添加到集合时线条会延伸。没有找到有关文档的任何帮助。默认动画在其中的每两个数据点之间绘制。没有其他动画存在。感谢任何帮助

Answer 1

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

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

我们根据您的要求准备了一个演示样本，可以从下面link下载，示例：Sample

此致，

杜尔加戴维小号

在 Syncfusion UWP 中添加动画

Adding animation in Syncfusion UWP

charts

syncfusion

uwp

uwp-xaml