React PolarChart - size
Type:
Default Value: undefined
The widget occupies its container's entire area by default. Use the size object to specify the widget's size if it should be different from that of its container. Assign 0 to size object's height and width options to hide the widget.
App.js
- import React from 'react';
- import PolarChart, {
- Size
- } from 'devextreme-react/polar-chart';
- class App extends React.Component {
- render() {
- return (
- <PolarChart ... >
- <Size
- height={300}
- width={600}
- />
- </PolarChart>
- );
- }
- }
- export default App;
Alternatively, you can style the widget's container using CSS:
App.js
styles.css
- import React from 'react';
- import PolarChart from 'devextreme-react/polar-chart';
- class App extends React.Component {
- render() {
- return (
- <PolarChart ...
- id="polarChart">
- </PolarChart>
- );
- }
- }
- export default App;
- #polarChart {
- width: 85%;
- height: 70%;
- }
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.