Pre loader

ReactJS Sweep Line Demo: Issue with Multiple Surfaces Not Updating Simultaneously

Welcome to the SciChart Forums!

  • Please read our Question Asking Guidelines for how to format a good question
  • Some reputation is required to post answers. Get up-voted to avoid the spam filter!
  • We welcome community answers and upvotes. Every Q&A improves SciChart for everyone

WPF Forums | JavaScript Forums | Android Forums | iOS Forums


I need to make a demo of a sweep line with multiple surfaces with reactjs, but The problem is that when I choose to show more than 1 surface it only plays on the data on the latest created surface and stops drawing data on the old surfaces.

you can see the example here with the code:

this is a GIF for the problem:
[in the stack overflow link]

note: the reason I need multiple surfaces is that I want to have the charts draggable with sortableJS to follow the design I got.

  • Andrew Burnett-Thompson
    Hi Dolev, we saw the post on StackOverflow. The team is looking into it. This should be easily solvable shortly. Thanks for the clear, concise question!
  • You must to post comments


There are many pitfalls when rendering multiple charts in React.
The usual approach is to make sure the chart is initialized on the correct rootelement.
Also check if it works without React.StrictMode.

Our primary suggestion in this case is to try using SciChartReact.
It seems to handle rendering multiple instances well.
The example provided here

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.