JavaScript/jQuery Chart - margin

Generates space around the UI component.

Type: viz/core/base_widget:BaseWidgetMargin

WidgetMargin DevExtreme ChartJS

index.js
  • $(function() {
  • $("#chartContainer").dxChart({
  • // ...
  • margin: {
  • top: 20,
  • bottom: 20,
  • left: 30,
  • right: 30
  • }
  • });
  • });

bottom

Specifies the bottom margin of the UI component in pixels.

Type:

Number

Default Value: 0

left

Specifies the left margin of the UI component in pixels.

Type:

Number

Default Value: 0

right

Specifies the right margin of the UI component in pixels.

Type:

Number

Default Value: 0

top

Specifies the top margin of the UI component in pixels.

Type:

Number

Default Value: 0