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.
Unfortunately, activation email could not send to your email. Please try again.

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

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 10:36 AM

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 12:16 AM

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 05:57 AM

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.

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.

;