LiveUpdate with SfChart, poor performance in UWP

[Salva Rondan]

Hello, I'm using "SfChart" in LiveUpdate mode and the performance is not really good and have a very high RAM consume.

I'm trying to enable and disable many properties and the result is always the same, only one thing change the result, you have to set the axis property "IsVisible = false".

I need this Axis, because is imposible read a graph without axis.

I attach a video where show this bad performance with axis and how is better without axis.

The example of this video is compilated with the examples from your github repository: https://github.com/syncfusion/xamarin-demos

I hope you help me as soon as posible.

Thanks.

Attachment: chart_performance_53f3d0e2.7z

[Devakumar Dhanapoosanam]

Hi Salva Rondan, 

 

Greetings from Syncfusion. 

 

We have analyzed your query and we would like to suggest that the chart performance can be improved by setting the null value for the chart axis LabelStyle as per in the below code snippet,  

 

XAML: 

<chart:SfChart.PrimaryAxis> 

         <chart:NumericalAxis x:Name="primayAxis" ShowMajorGridLines="false"  /> 

</chart:SfChart.PrimaryAxis> 

<chart:SfChart.SecondaryAxis> 

         <chart:NumericalAxis x:Name="secondaryAxis" ShowMajorGridLines="false" /> 

</chart:SfChart.SecondaryAxis> 

 

C#: 

.. 

public LiveUpdate() 

{ 

          InitializeComponent(); 

          viewModel = Chart.BindingContext as LiveUpdateViewModel; 

          viewModel.UpdateLiveData(); 

          (Chart.SecondaryAxis as NumericalAxis).Maximum = 1.5; 

          (Chart.SecondaryAxis as NumericalAxis).Minimum = -1.5; 

           

          primayAxis.LabelStyle = null; 

          secondaryAxis.LabelStyle = null; 

           

          viewModel.StartTimer(); 

} 

 

Link: https://www.syncfusion.com/blogs/post/7-tips-to-optimize-xamarin-charts-performance.aspx 

 

Please check the above solution helps for your requirement or not? 

 

Please let us know if you need any further assistance on this. 

 

Regards, 

Devakumar D 

[Salva Rondan]

Thanks for this solution, but it is not enough.

The background color of my Chart is dark, and when "LabelStyle = null" the axis text color is black, how can I change this color and font size without performance being affected?

Thank you.

[Devakumar Dhanapoosanam]

Hi Salva Rondan, 

 

Thanks for your update. 

 

Currently we are analyzing the feasible solution for customizing the axis LabelStyle with better chart performance and we will update you the details on June 4, 2020. 

 

Regards, 

Devakumar D 

[Salva Rondan]

Thanks, I eagerly await your response.

[Devakumar Dhanapoosanam]

Hi Salva Rondan, 

 

As said earlier we will update you the solution on June 4, 2020. 

 

Thanks, 

Devakumar D 

[Devakumar Dhanapoosanam]

Hi Salva Rondan, 

 

We were facing some complexity at our end. We need some more time for providing a feasible solution for optimizing the chart performance and we will update you the solution on June 9, 2020.  

 

We appreciate your patience until then. 

 

Regards, 

Devakumar D 

[Devakumar Dhanapoosanam]

Hi Salva Rondan, 

 

Thanks for your patience. 

 

We can improve the chart performance by using the axis RangeStyles LabelStyle property instead of the axis LabelStyle and we would like to request updating the SfChart version to 18.1.0.56 for optimizing the chart. 

 

Also, we would like to let you know that we can set the range for the axis RangeStyle Start property by using the axis VisibleMinimum or axis Minimum and the range will be applied for the entirely from the Start value as per in the below code snippet for the live update, 

 

XAML: 

<chart:SfChart.PrimaryAxis> 

         <chart:NumericalAxis x:Name="primaryAxis" ShowMajorGridLines="false"> 

                <chart:NumericalAxis.RangeStyles> 

                            <chart:ChartAxisRangeStyleCollection> 

                                <chart:ChartAxisRangeStyle Start="{Binding Source={x:Reference primaryAxis},  

                                                                      Path = VisibleMinimum}"> 

                                    <chart:ChartAxisRangeStyle.LabelStyle> 

                                        <chart:ChartAxisLabelStyle TextColor="Blue" FontSize="13"/> 

                                    </chart:ChartAxisRangeStyle.LabelStyle> 

                                </chart:ChartAxisRangeStyle> 

                            </chart:ChartAxisRangeStyleCollection> 

                </chart:NumericalAxis.RangeStyles> 

         </chart:NumericalAxis> 

</chart:SfChart.PrimaryAxis> 

<chart:SfChart.SecondaryAxis> 

         <chart:NumericalAxis x:Name="secondaryAxis" ShowMajorGridLines="false"> 

                <chart:NumericalAxis.RangeStyles> 

                            <chart:ChartAxisRangeStyleCollection> 

                                <chart:ChartAxisRangeStyle Start="-1.5" End="1.5"> 

                                    <chart:ChartAxisRangeStyle.LabelStyle> 

                                        <chart:ChartAxisLabelStyle TextColor="Red" FontSize="14"/> 

                                    </chart:ChartAxisRangeStyle.LabelStyle> 

                                </chart:ChartAxisRangeStyle> 

                            </chart:ChartAxisRangeStyleCollection> 

                </chart:NumericalAxis.RangeStyles> 

         </chart:NumericalAxis> 

</chart:SfChart.SecondaryAxis> 

 

C#: 

public LiveUpdate()  

{  

          InitializeComponent();  

          viewModel = Chart.BindingContext as LiveUpdateViewModel;  

          viewModel.UpdateLiveData();  

          (Chart.SecondaryAxis as NumericalAxis).Maximum = 1.5;  

          (Chart.SecondaryAxis as NumericalAxis).Minimum = -1.5;  

            

          primayAxis.LabelStyle = null;  

          secondaryAxis.LabelStyle = null;  

            

          viewModel.StartTimer();  

}  

 

Sample: https://www.syncfusion.com/downloads/support/forum/154613/ze/154613_liveSample1798116798.zip  

 

Please refer the below UG link for more details, 

 

UG: https://help.syncfusion.com/xamarin/charts/axis#customize-individual-axis-elements 

UG: https://help.syncfusion.com/xamarin/charts/axis#visibleminimum 

UG: https://help.syncfusion.com/xamarin/charts/axis#event 

 

Please let us know if you need any further assistance on this. 

 

Regards,  

Devakumar D 

[Salva Rondan]

Thank you very much, this solution is enough.

Will there be any solution for "LabelStyle" problem in the next version?

[Suyamburaja Jayakumar]

Hi Salva Rondan, 

 

Thanks for your update. 

 

We would like to let you know that we have planned to improve the axis LabelStyle performance in our upcoming Volume 2 2020 release which is expected to be rolled out by end June 2020. 

 

Please let us know if you need any further assistance on this. 

 

Regards, 

Suyamburaja J. 

[Salva Rondan]

Thank you very much for your help.

Regards.

[Hemalatha Marikumar]

Hi Salva Rondan, 

 

Thanks for your update.  

 

Please wait until Volume 2 release will be rolled out. 

 

Regards,
Hemalatha M. 

[Suyamburaja Jayakumar]

Hi Salva Rondan, 

 

Sorry for the delay. 

 

Since we have some pending test cases along with the fix, we were unable to move this fix into the release of Volume 2 2020. We are currently ensuring that and surely will move this into our upcoming Volume 3 2020 release, which is expected to be rolled out by the end of September 2020 week. 

 

Regards, 

Suyamburaja J. 

[Salva Rondan]

Ok, I'll wait until then.

Thank you.

[Ramya Soundar Rajan]

Hi Salvador Rondan, 

 

As we informed earlier, we will include this fix in our upcoming Volume 3 2020 release, which is expected to be rolled out by the end of September 2020. We appreciate your patience until then. 

 

Regards, 

Ramya S 

[Salva Rondan]

OK, thank you.

[Hemalatha Marikumar]

Hi Salvador Rondan, 

 

We deeply regret for this convenience.  

 

Due to getting the breaking on the existing test cases at last time, we were unable to move this into Volume 3, 2020 release. Hence, we are working on that with high priority and we have planned to move this on October 27,2020 rolled out Weekly NuGet release. 

 

Regards,
Hemalatha M. 

[Salva Rondan]

OK, thanks!

[Yuvaraj Palanisamy]

Hi Salvador Rondan, 

 

Thanks for patience. 

 

Regards, 

Yuvaraj

[Hemalatha Marikumar]

Hi Salvador Rondan, 

 

We are sorry to inform you that we are experiencing a delay in including the fix and have adjusted the timeline to the next weekly. 

 

Due to pending on ensuring the testing cases after resolving the technical hurdles, this has been delayed. 

 

Our new estimated deadline (phase of testing completion) is Volume 4,2020 which is expected to be rolled out by end of December,2020. We are confident that once this delay has been solved and properly analyzed, we will be able to include this fix quickly and efficiently. 

 

We appreciate your flexibility and understanding as we tackle this unforeseen issue. 

 

Regards,
Hemalatha M. 

[Hemalatha Marikumar]

Hi Salvador Rondan,

 

Sorry for the delay.  Our development team is desired to move this fix in our upcoming Volume 4 SP1 release which is expected to be rolled out by end of January 2021. This delay is because of facing some technical hurdles and having pending in ensuring the test cases.

 

Regards,

Hemalatha M.

[Salva Rondan]

Ok, thanks.

[Yuvaraj Palanisamy]

Hi Salvador Rondan, 

 

As we informed earlier, the fix will be included in our Volume 4 SP1 release which is expected to publish on or before end of January 2021. We will appreciate your patience until then. 

 

Regards, 

Yuvaraj