Plot Area

The Chart plot area is a container for the data that is enclosed between the axes.

To customize the plot area, use the ChartPlotArea configuration component.

The following example demonstrates how to configure the background of the plot area.

import {
    Chart,
    ChartPlotArea,
    ChartSeries,
    ChartSeriesItem
} from '@progress/kendo-react-charts';

const seriesData = [1, 2, 3, 5];
const ChartContainer = () => (
    <Chart>
        <ChartPlotArea background="#888" />
        <ChartSeries>
            <ChartSeriesItem data={seriesData} />
        </ChartSeries>
    </Chart>
);

ReactDOM.render(
    <ChartContainer />,
    document.querySelector('my-app')
);

In this article

 /