ChartAreaProps
Defines the configuration options for customizing the chart area.
Props
The following table outlines the props for the ChartAreaProps:
| Name | Type | Default | Description |
|---|---|---|---|
| background | string | 'transparent' | Sets the background color of the chart area. Accepts valid CSS color strings including hex, RGB, and named colors. |
| backgroundImage | string | null | Specifies a background image for the chart area. Accepts a URL or a local image path. |
| border | {color: '', width: 0, dashArray: ''} | Customizes the border appearance of the chart area, controlling border color, width, and dash pattern. | |
| margin | {left: 0, right: 0, top: 0, bottom: 0} | Defines the margin around the chart area. Creates space between the chart container and the plotting area. | |
| opacity | number | 1 | Controls the transparency level of the chart area's background. A value of 1 is fully opaque, while 0 is fully transparent. |
| width | string | null | Sets the width of the chart area in pixels, helping maintain consistent chart proportions across different container sizes. Accepts values in pixels (e.g., '500px'). |