chart anmation using ease in effect in classic charts (.net 3.5)

[Sohan Poojary]

Hi,

I could not find a way to implement smooth ease in effect for chart loading like the sfcharts in chart classics

sf charts animation:

https://help.syncfusion.com/wpf/sfchart/animation?cs-save-lang=1&cs-lang=xaml

is there any way to do it?

sohan

[Durgadevi Selvaraj]

Hi Sohan, 

 

Thanks for contacting Syncfusion Support. 

 

We have analyzed your requirement and can achieve smooth ease effect by setting story board to the series with custom template as shown in the below code snippet, 

 

MainWindow.xaml: 

<Line Name="Line" X1="{Binding X1}" Y1="{Binding Y1}" StrokeThickness="{Binding StrokeThickness}" Stroke="{Binding Interior}"> 

                        <Line.Triggers> 

                            <EventTrigger SourceName="Line" RoutedEvent="Line.Loaded"> 

                                <BeginStoryboard> 

                                    <Storyboard FillBehavior="HoldEnd" > 

                                        <DoubleAnimation Storyboard.TargetName="Line" Storyboard.TargetProperty="X1" From="200" To="{Binding X1}" Duration="00:00:02"> 

                                        </DoubleAnimation> 

                                    </Storyboard> 

                                </BeginStoryboard> 

                                <BeginStoryboard> 

                                    <Storyboard> 

                                        <DoubleAnimation Storyboard.TargetName="Line" Storyboard.TargetProperty="X2" From="200" To="{Binding X2}" Duration="00:00:02"> 

                                        </DoubleAnimation> 

                                    </Storyboard> 

                                </BeginStoryboard> 

                                <BeginStoryboard> 

                                    <Storyboard FillBehavior="HoldEnd" > 

                                        <DoubleAnimationUsingKeyFrames 

                                    Storyboard.TargetName="Line"  

                                    Storyboard.TargetProperty="Y1" 

                                    Duration="00:00:04" AutoReverse="False"> 

                                            <LinearDoubleKeyFrame Value="100" KeyTime="0:0:0" /> 

                                            <LinearDoubleKeyFrame Value="100" KeyTime="0:0:2" /> 

                                            <LinearDoubleKeyFrame Value="{Binding Y1}" KeyTime="0:0:4" /> 

                                        </DoubleAnimationUsingKeyFrames> 

                                    </Storyboard> 

                                </BeginStoryboard> 

                                <BeginStoryboard> 

                                    <Storyboard> 

                                        <DoubleAnimationUsingKeyFrames 

                                    Storyboard.TargetName="Line"  

                                    Storyboard.TargetProperty="Y2" 

                                    Duration="00:00:04" AutoReverse="False"> 

                                            <LinearDoubleKeyFrame Value="100" KeyTime="0:0:0" /> 

                                            <LinearDoubleKeyFrame Value="100" KeyTime="0:0:2" /> 

                                            <LinearDoubleKeyFrame Value="{Binding Y2}" KeyTime="0:0:4" /> 

                                        </DoubleAnimationUsingKeyFrames> 

                                    </Storyboard> 

                                </BeginStoryboard> 

                            </EventTrigger> 

                        </Line.Triggers> 

                    </Line> 

 

Also, we would like to inform your that we have recommended to use SfChart for animation with better  ease in effect.  

 

We have prepared a demo sample in classic chart based on your requirement and it can be downloaded from the below link, 

Sample:Chart_Animations_Demo
 

Regards, 

Durgadevi S 

 

[Padmini Ramamurthy]

From: Sohan S Poojary
Sent: Wednesday, August 9, 2017 1:01 PM
To: Syncfusion Support <[email protected]>
Subject: Re: Syncfusion support community forum 132000, chart anmation using ease in effect in classic charts (.net 3.5), has been updated. 

Thank you !! does any version supports sfcharts in dotnet 3.5? 

[Durgadevi Selvaraj]

Hi Sohan, 

 

Thanks for your update. 

 

We would like to inform you that, SfChart does not support .Net 3.5 framework. We have support from  .Net 4.0 framework.  

 

Regards,  

Durgadevi S