The layout management allows the synchronizing of several charts. This is very useful if you want to display multiple charts in your application.

This is an explanation page on the layout concepts, if you want a full tutorial on how to synchronize charts look at Synchronize charts display.

External layout

Depending on your platform choice, the layout of your application (the "external" layout) must be done using your own framework:

• For a JS project you can simply use your own HTML layout, or a CSS framework...
• For a JVM project you can use JavaFX with boxes and Panes...
• For an Android project you can use a ViewGroup or an Adapter...

Defining the synchronization rules

You can define some rules for synchronizing the different charts in your application considering the constraints created by your layout.

The first thing to do is to instantiate a SizeManager, this manager stores layout constraints and triggers size synchronization when needed.

Then you can add as many SizeSynchronizer as needed to bind your charts' sizes horizontally or vertically.

In this page example, you just need a VerticalSynchronizer to handle all your 3 charts:

//run highlight-only
val sizeManager = sizeManager()
val verticalSychronizer = sizeManager.vSynchro()

verticalSychronizer.addAllCharts(chart1, chart2, chart3)

Now, the constraints of each chart are applied to every other chart and the charts are perfectly synchronized: