React Chart - margin

Generates space around the UI component.

Selector: Margin
Type:

Object

WidgetMargin DevExtreme ChartJS

App.js
  • import React from 'react';
  •  
  • import 'devextreme/dist/css/dx.light.css';
  •  
  • import Chart, {
  • Margin
  • } from 'devextreme-react/chart';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Chart ... >
  • <Margin
  • top={20}
  • bottom={20}
  • left={30}
  • right={30}
  • />
  • </Chart>
  • );
  • }
  • }
  • export default App;

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