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. Image for the cookie policy date
  1. Home
  2. Forum
  3. ASP.NET Web Forms
  4. Chartwebcontrol blocked when zooming

Chartwebcontrol blocked when zooming

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.




6 Replies
DD Dharanidharan Dharmasivam Syncfusion Team April 10, 2017 12:50 PM UTC

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. 
 
For more information on improving chart performance, follow with the below link. 

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. 


IT Itziar April 28, 2017 01:17 PM UTC

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

IT Itziar April 28, 2017 01:18 PM UTC

Attached Datasource.
Attachment: Datasource_7a7e14a1.zip

DD Dharanidharan Dharmasivam Syncfusion Team May 2, 2017 01:19 PM UTC

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. 

 
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. 
 
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 

Find the difference between ASP.NET(classic) and ASP.NET(EJWEB) from the following link 
 
To know more details about Chart(ASP.NET) from the following link 
 
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. 


CO Connectis May 3, 2017 09:57 AM UTC

Thank you very much for your reply.

We are going to try the options you proposed.

We will keep you updated.

DD Dharanidharan Dharmasivam Syncfusion Team May 3, 2017 01:09 PM UTC

Hi Itziar, 
 
Thanks for your revert. 
 
We wait to hear from you. 

Dharani. 


Loader.
Up arrow icon