Angular Chart - adaptiveLayout

Specifies adaptive layout properties.

Selector: dxo-adaptive-layout
Type: viz/chart_components/base_chart:BaseChartAdaptiveLayout

The adaptive layout enables the UI component 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 property to true)

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

View in CodePen

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 UI component 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