React Chart - adaptiveLayout

Specifies adaptive layout options.

Type:

Object

The adaptive layout enables the widget to hide optional elements if they do not fit in the container. Elements are 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)

Use the height and width options in the adaptiveLayout object to specify the minimum container size at which the layout begins to adapt.

View Demo on JSFiddle

See Also

height

Specifies the minimum container height at which the layout begins to adapt.

Type:

Number

Default Value: 80

keepLabels

Specifies whether point labels should be kept when the widget adapts the layout.

Type:

Boolean

Default Value: true

width

Specifies the minimum container width at which the layout begins to adapt.

Type:

Number

Default Value: 80