Chart Area

The Chart area is a container for all Chart elements, including the legend and the title.

To customize the Chart area, use the ChartArea configuration component.

The following example demonstrates how to configure the background of the Chart area and its margin (in pixels).

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

const data = [1, 2, 3, 5];
const ChartContainer = () => (
    <Chart>
        <ChartArea background="#eee" margin={30} />
        <ChartSeries>
            <ChartSeriesItem data={data} name="Fibonacci" />
        </ChartSeries>
    </Chart>
);

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