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 kendo-chart-chart-area configuration component.

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

@Component({
    selector: 'my-app',
    template: `
        <kendo-chart>
          <kendo-chart-area background="#eee" [margin]="30">
          </kendo-chart-area>
          <kendo-chart-series>
            <kendo-chart-series-item name="Fibonacci" [data]="seriesData">
            </kendo-chart-series-item>
          </kendo-chart-series>
        </kendo-chart>
    `
})
class AppComponent {
    public seriesData: number[] = [1, 2, 3, 5];
}

In this article