We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

Thread ID:

Created:

Updated:

Platform:

Replies:

132000 Aug 8,2017 06:00 AM UTC Aug 10,2017 09:57 AM UTC WPF 3
loading
Tags: Chart
Sohan Poojary
Asked On August 8, 2017 06:00 AM UTC

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 [Syncfusion]
Replied On August 9, 2017 02:36 PM UTC

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, 
Regards, 
Durgadevi S 
 


Padmini Ramamurthy [Syncfusion]
Replied On August 10, 2017 04:16 AM UTC

From: Sohan S Poojary
Sent: Wednesday, August 9, 2017 1:01 PM
To: Syncfusion Support <support@syncfusion.com>
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 [Syncfusion]
Replied On August 10, 2017 09:57 AM UTC

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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;