Vue PolarChart - adaptiveLayout

Specifies adaptive layout properties.

Selector: DxAdaptiveLayout
Type:

AdaptiveLayout

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. Argument axis labels
  5. 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

height

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

Type:

Number

Default Value: 170

keepLabels

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

Selector: keep-labels
Type:

Boolean

Default Value: true

width

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

Type:

Number

Default Value: 170