React Chart - adaptiveLayout

Specifies adaptive layout options.

Type:

Object

When adapting to small container size, the widget may hide its accessory elements, thus saving space for more valuable ones. The elements are being hidden in the following sequence.

  1. Title
  2. Export menu icon
  3. Legend
  4. Axis titles
  5. Axis labels
  6. Point labels (can be saved by setting the adaptiveLayout.keepLabels option to true)

To specify the widget's size small enough for the layout to begin adapting, use the height and width options of the adaptiveLayout object.

View Demo on JSFiddle

See Also

height

Specifies the widget's height small enough for the layout to begin adapting.

Type:

Number

Default Value: 80

keepLabels

Specifies whether or not point labels should be kept when the layout is adapting.

Type:

Boolean

Default Value: true

width

Specifies the widget's width small enough for the layout to begin adapting.

Type:

Number

Default Value: 80