Multiple Panes in React Chart

Chart area can be divided into multiple panes using rows and columns.

Rows

To split the chart area vertically into number of rows, use ChartRow component of the chart.

• You can allocate space for each row by using the height property. The value can be either in percentage or in pixel.

• To associate a vertical axis to a particular row, specify its index to rowIndex property of the axis.

Column

To split the chart area horizontally into number of columns, use ChartColumn component of the chart.

• You can allocate space for each column by using the width property. The given width can be either in percentage or in pixel.

• To associate a horizontal axis to a particular column, specify its index to columnIndex property of the axis.