Configuration adaptiveLayout

Specifies adaptive layout options.

Type: Object

When your scenario provides the capability to change the size of the widget, it may become too small for the widget to display all of its elements. In this case, the adaptive layout removes accessory widget elements, thus saving space for the most important ones. The elements are being removed in the following sequence.

  1. Title
  2. Legend
  3. Point labels (can be saved by setting the adaptiveLayout | keepLabels option to true)

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

height

Specifies the height of the widget that is small enough for the layout to begin adapting.

Type: Number
Default Value: 80

If your scenario allows for the change of the widget's size, its layout will be changing as well if the widget becomes too small. To define how small the widget should be for the layout to begin adapting, specify the height and width fields of the adaptiveLayout configuration object.

keepLabels

Specifies whether or not point labels can be hidden when the layout is adapting.

Type: Boolean
Default Value: false

When a layout is adapting, point labels are the last thing that it gets rid of. But in the dxPieChart widget, point labels usually occupy a lot of space. You can specify whether or not point labels should be hidden saving this space if the widget becomes too small.

width

Specifies the width of the widget that is small enough for the layout to begin adapting.

Type: Number
Default Value: 80

If your scenario allows for the change of the widget's size, its layout will be changing as well if the widget becomes too small. To define how small the widget should be for the layout to begin adapting, specify the height and width fields of the adaptiveLayout configuration object.