Chartwebcontrol blocked when zooming

[Itziar]

Hi 

We have an issue when zooming a chartwebcontrol.

When we zoom the chart, it takes long time to see the data zoomed and finally, the internet explorer is blocked. We have to kill the session. 

We also tried it in Chrome but the result is the same, page blocked. 

What could be the reason for happening this? Is any way to avoid this? Any fix? Any property that can we add to the control?

Our code is the following:

                                   <syncfusion:ChartWebControl ID="chart" runat="server" AutoCleanupCacheExpiration="00:00:30"

                                    BackColor="" ChartInterior="Gradient; Vertical; White; White" EnableXHTML="False"

                                    PrimaryXAxis-LabelAlignment="Near" EnableXZooming="True" EnableYZooming="True"

                                    Font-Names="Verdana" Font-Size="14pt" Series-DisableStyles="False" Series-ShouldSort="False"

                                    Width="1010px" Height="570px" ShowLegend="true" LegendsPlacement="Outside" ShowToolTips="True" CalcRegions="True">

                                    <Legend Alignment="Center" ItemsAlignment="Center" Orientation="Horizontal" Position="Bottom"

                                        RepresentationType="StraightLine" BorderColor="Black" BorderWidth="10" ItemsSize="25, 10" Spacing="10">

                                    </Legend>

                                    <PrimaryXAxis Crossing="NaN"  DrawGrid="false" Margin="True"

                                        GridLineType-ForeColor="169, 158, 205" LineType-ForeColor="169, 158, 205" TickColor="169, 158, 205"

                                        TitleColor="Black" ForeColor="67, 125, 59" DesiredIntervals="11" /> 

                                    <PrimaryYAxis DrawGrid="true" ForceZero="true" HidePartialLabels="true" GridLineType-ForeColor="169, 158, 205"

                                        LineType-ForeColor="169, 158, 205" TickColor="169, 158, 205" TitleColor="Black"

                                        ForeColor="67, 125, 59" />

                                    <ChartArea TextRenderingHint="SystemDefault" AutoScale="True" Depth="10">

                                        <ChartAreaMargins Bottom="2" Left="20" Right="30" Top="2" />

                                        <ChartPlotAreaMargins Bottom="2" Left="2" Right="2" Top="2" />

                                    </ChartArea>

                                </syncfusion:ChartWebControl>

Thank you in advance.

[Dharanidharan Dharmasivam]

Hi Itziar, 

Thanks for using Syncfusion product. 

We have analyzed your query. To increase performance  of the chart, you need to specify the NeedPerformance property to true, CalcRegions property to false, so that on initial rendering of chart and on zooming the performance can be increased. Find the code snippet below. 

ASP.NET (Classic) 

<syncfusion:ChartWebControl ID="chart" NeedPerformance="True" CalcRegions="False"> 

</syncfusion:ChartWebControl> 

We have attached the sample for reference, find the sample from below link. 

http://www.syncfusion.com/downloads/support/forum/129887/ze/sample1238554452  

 

For more information on improving chart performance, follow with the below link. 

https://help.syncfusion.com/aspnet-classic/chart/improving-performance  

If you have any concern, kindly revert us with the following details, which will be helpful in further analysis and provide you the solution. 

·       Number of points rendered in chart. 

·       Current Essential Studio version you are using. 

·       If possible, provide the dataSource used for chart. 

Thanks, 

Dharani. 

[Itziar]

Hi again

Thank you very much for your reply.

We have tested the two properties but the result is the same. It still continues blocking. Moreover, the colours of the graphic lines are not shown using NeedPerformance="True".

Essential Studio version is 10.203.0.56. 

The datasource is a list of objects (InfoGraphic) which has the following fields:

public class InfoGraphic

    {

        [DataMember]

        public long Clave { get; set; }

        [DataMember]

        public DateTime Date { get; set; }

        [DataMember]

        public int Day{ get; set; }

        [DataMember]

        public int A{ get; set; }

        [DataMember]

        public int B{ get; set; }

        [DataMember]

        public int C{ get; set; }

        [DataMember]

        public int D{ get; set; }

        [DataMember]

        public int E{ get; set; }

        [DataMember]

        public decimal F{ get; set; }

        [DataMember]

        public string G{ get; set; }

        [DataMember]

        public decimal H{ get; set; }

        [DataMember]

        public decimal I{ get; set; }

        [DataMember]

        public string J{ get; set; }

In Page_Load method, we call the method attached (Code_DrawGraphic.docx) to paint the graphic. 

See also attached the datasource. Totally, 8840 rows.

Hope all this information helps.

Thank you in advance.

Kind regards,

Itziar

Attachment: Code_DrawGraphic_427bf36b.zip

[Itziar]

Attached Datasource.
Attachment: Datasource_7a7e14a1.zip

[Dharanidharan Dharmasivam]

Hi Itziar, 

Sorry for the inconvenience. 

From the provided information, we came to know that, you are using Essential studio version 10.2.0.56. After this release(10.2.0.56), we have made some fixes regarding the performance issues. So we recommend you to upgrade the current version from the below link. 

https://www.syncfusion.com/downloads/version-history/15_1_0_33  

 

We have ensured with the current build version (15.1.0.33) and the specified scenario (browser got hanged) is not reproduced. To ensure this we have attached the screen captured video. Find the video from below link. 

http://www.syncfusion.com/downloads/support/forum/129887/ze/zoomingClassic-1891546609  

 

We also glad to let you know that, newer version of “Essential Studio for ASP.NET (EJWEB)” includes most of the features from classic version and provides several advantages over the classic version. The new suite of ASP.NET controls are client side rendering of HTML5/JavaScript controls, so it has lightweight controls. It offers better performance and better support for touch interactivity. 

You can download EJ Web from below link 

https://www.syncfusion.com/forums/128853/essential-studio-2017-volume-1-release-v15-1-0-33-is-available-for-download. 

Find the difference between ASP.NET(classic) and ASP.NET(EJWEB) from the following link 

https://www.syncfusion.com/kb/3796/what-is-the-difference-between-asp-netclassic-and-asp-netejweb 

 

To know more details about Chart(ASP.NET) from the following link 

http://help.syncfusion.com/aspnet/chart/getting-started 

 

The required dll’s for ASP.NET (EJWEB) controls are listed below. 

·       Syncfusion.EJ 

·       Syncfusion.EJ.Web 

 

Online EJWEB sample link for zooming  : http://asp.syncfusion.com/demos/web/chart/zooming.aspx  

Kindly revert us, if you have any concern. 

Thanks, 

Dharani. 

[Connectis]

Thank you very much for your reply.

We are going to try the options you proposed.

We will keep you updated.

[Dharanidharan Dharmasivam]

Hi Itziar, 

 

Thanks for your revert. 

 

We wait to hear from you. 

Thanks, 

Dharani.