Canvas rendering mode question

Hi!

I have a chart which changes on user interaction, and blinks after any change in the underlying data. I tried to disable the animation and use Canvas rendering mode to resolve the problem, but they don't seem to have any effect. My code is something like this:

Am I missing something, or the Canvas rendering only happens if the browser does not support SVG? Also disabling the animation does not take affect.
Thanks for the answer.

5 Replies 1 reply marked as answer

DG Durga Gopalakrishnan Syncfusion Team February 12, 2021 03:00 PM UTC

Hi Kristof,

Greetings from Syncfusion.

We have ensured your reported scenario. As of now, we don't have support to render chart in canvas mode and we have support for SVG mode only. We have tried to reproduce the reported issue, but unfortunately, we are unable to reproduce an issue from our end and we were able to change the data for chart without blinking. We have attached the tested sample for your reference. 

<SfChart EnableAnimation="false">
     <ChartSeriesCollection>       
        <ChartSeries>
             <ChartSeriesAnimation Enable="false"></ChartSeriesAnimation>
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>


If you are still facing the problem, please try to replicate reported scenario in above sample or provide us an issue reproduced sample to proceed further.

Regards,
Durga G



Marked as answer

KR Kristof February 15, 2021 03:27 PM UTC

Thanks for the answer.
What's still not clear for me is what's the difference between EnableAnimation="false" on the SFChart tag and using <ChartSeriesAnimation Enable="false">?


DG Durga Gopalakrishnan Syncfusion Team February 16, 2021 12:58 PM UTC

Hi Kristof,

We have animation support for chart axis elements like gridlines, ticklines and labels, performing animation while toggling the legend items. When chart animation is disabled, then animation for those features will be disabled. Series animation is to perform animation for chart series points at rendering. If this animation is disabled, then series points won't be animated.

We have prepared a simple sample in stackblitz to ensure the behavior. 

Please revert us if you have any questions.

Regards,
Durga G



GL Greg Lelonek June 28, 2024 12:01 PM UTC

Is there any plans to support Canvas mode to help with performance on large chart datasets?



DG Durga Gopalakrishnan Syncfusion Team July 1, 2024 02:48 PM UTC

Greg,


We do not have plans to provide canvas support for Blazor Chart. We recommend using the lazy loading feature for handling large data sets. For more information, please refer to the documentation link below.


UG : https://blazor.syncfusion.com/documentation/chart/how-to/lazy-loading


Please let us know if you have any concerns.


Loader.
Up arrow icon