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

Performance issue with SfChart-FastColumnBitmapSeries AdornmentsInfo

Hi Team,

 

We are using FastColumnBitmapSeries to plot the series in SfChart. While dynamically changed ItemsSource of the FastColumnBitmapSeries, rendering takes too much of time and UI not respond. Rendering delayed only when we use AdornmentsInfo to show labels. Can you please provide suggestions to avoid the UI delay or any event which notifies the UI rendering completed, That will helpful to show busy indicator on UI rendering time.

 

Please find the Code Snippet below

 

               <syncfusion:SfChart x:FieldModifier="public"

                                        x:Name="SfChartCurveDetails">

                        <syncfusion:SfChart.Behaviors>

                            <syncfusion:ChartZoomPanBehavior EnableZoomingToolBar="True"

                                                             ToolBarItems="ZoomIn, ZoomOut"

                                                             ToolBarItemMargin="0,0,0,-100"

                                                             ToolBarBackground="Transparent"

                                                             HorizontalPosition="Left"

                                                             VerticalPosition="Bottom"></syncfusion:ChartZoomPanBehavior>

                        </syncfusion:SfChart.Behaviors>

                        <syncfusion:SfChart.PrimaryAxis>

                            <syncfusion:CategoryAxis Header="{x:Bind Strings.Get('MSG_Time')}"

                                                     FontSize="14" />

                        </syncfusion:SfChart.PrimaryAxis>

                        <!--Initialize the vertical axis for SfChart-->

                        <syncfusion:SfChart.SecondaryAxis>

                            <syncfusion:NumericalAxis Header="{x:Bind Strings.Get('MSG_DB__Tags__Tag_Name__RLU__403')}"

                                                      FontSize="14" />

                        </syncfusion:SfChart.SecondaryAxis>

                        <syncfusion:FastColumnBitmapSeries x:Name="SfChartSeriesCurveDetails"

                                                           x:FieldModifier="public"

                                                           ItemsSource="{Binding WorklistCurvePoints}"

                                                           XBindingPath="Time"

                                                           YBindingPath="RLU">

                            <syncfusion:FastColumnBitmapSeries.AdornmentsInfo>

                                <syncfusion:ChartAdornmentInfo LabelPosition="Outer"

                                                               ShowLabel="{Binding ShowPointValues, Mode=TwoWay}">

                                </syncfusion:ChartAdornmentInfo>

                            </syncfusion:FastColumnBitmapSeries.AdornmentsInfo>

                        </syncfusion:FastColumnBitmapSeries>

 

                    </syncfusion:SfChart>


Regards,

Berk


1 Reply

MK Muneesh Kumar G Syncfusion Team October 1, 2019 09:37 AM UTC

Hi Berk, 
 
Greetings from Syncfusion.  
 
We have analyzed your requirement and we would like to inform you that while adding AdornmentInfo in series, Label and Symbol set will be created for each data point. So that the time delay occurs due to data count.  
 
Instead of showing adornment for each data point, try tooltip or trackball behavior. This will improve the performance and able to see the data point.  
 
Please refer below user documentation for these features.  
 
 
And currently we don’t have any event for SfChart rendering completed. But we can get the notification for each time layout update in LayoutUpdated event. So, if you able to check with some Boolean property in this event, you can use this event.  
 
Thanks,    
Muneesh Kumar G.   


Loader.
Live Chat Icon For mobile
Up arrow icon