Linking Chart Modifiers

Hi there,

Thanks for your question. Usually charts can go out of sync because they are rendered in separate threads and as result one chart can be presented on screen sooner than other, but in the end the should end up in the same position because modifiers in same group receive same events and use same code base so if starting conditions are the same they should end in same state after invoking modifiers. ‘

The only case when few charts in same group can go out of sync if they are different – have different sizes ( this may lead to different scrolling distance because of different amount of data per pixel ) or different modifiers ( e.g. if one chart has modifier which changes VisibleRange and other don’t – this can lead to different end states of chart ).

BTW if you want to synchronize charts to show same VisibleRange on several charts then you can create and assign same range instance for axes which should be synchronized like we do in our Sync multiple charts example. In this case you don’t need to use event groups because if modifier changes VisibleRange in one chart this value will be propagated to another chart.

DoubleRange sharedXRange = new DoubleRange(0d, 1d);
final IAxis xAxis1 = sciChartBuilder.newNumericAxis().withVisibleRange(sharedXRange).build();
final IAxis xAxis2 = sciChartBuilder.newNumericAxis().withVisibleRange(sharedXRange).build();

Best regards,
Yura

Screen Shot

Hi Yura Khariton,
Here is the project which reproduces this issue Kindly debug it and
give me a solution to overcome this problem.
Thanks.

Hi there,

In your example you need to create sharedXRange in MainActivity and pass that shared instance into all Charts ctors:

class MainActivity : AppCompatActivity() {

private val sharedXRange = DateRange()

fun chart() {
    for (i in 0..1) {
        charts[i] = Charts(this, sharedXRange)
        charts[i]!!.drawAxisData()
        binding?.lolChartContainer?.addView(charts[i])
    }
}

}

then store in Charts and use it for xAxis:

class Charts(context: Context, private val sharedXRange: DateRange) : FrameLayout(context)
{
private val binding: ChartsBinding
private val mContext: Context

fun drawAxisData()
{
    SciChartBuilder.init(mContext)
    val sciChartBuilder = SciChartBuilder.instance()
    val xBottomAxis = sciChartBuilder.newDateAxis()
        .withGrowBy(0.1, 0.1)
        .withVisibleRange(sharedXRange)
        .build()
}
}

Hope this will help you!

Best regards,
Yura

Image is here