I have two donut charts displayed side by side .. and even though I set the height of the chart area to be same.. the actual chart series coming different height .. how to make it same.. It is in Angular Kendo UI.. Following in my code of the component
fyi: I added the image as well how they look as an attachment
<kendo-chart
[transitions]="false"
(seriesHover)="onSeriesHover($event)"
(seriesClick)="onSeriesClick($event)" >
<kendo-chart-area background="transparent" [height]="height">
<kendo-chart-legend [visible]="false">
</kendo-chart-legend>
<kendo-chart-title [text]="header"></kendo-chart-title>
<kendo-chart-series style="cursor: pointer">
<kendo-chart-series-item
[autoFit]="true"
type="donut" [data]="data"
categoryField="name" field="value" colorField="color" >
<kendo-chart-series-item-labels
position="outsideEnd"
color="#000"
background="transparent"
[content]="labelContent">
</kendo-chart-series-item-labels>
<kendo-chart-series-item-tooltip format="pie" padding="2">
<ng-template let-category="category" let-dataItem="dataItem">
{{category}} ({{dataItem.value}})
</ng-template>
</kendo-chart-series-item-tooltip>
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart-area>
</kendo-chart>