Kendo ui 剑道图放在格线旁边时不显示

我对剑道图有一个非常奇怪的问题，首先，我写下我所做的，然后我添加一个屏幕截图来看看我在说什么，我把我的页面分为两部分，在右边，剑道图在上面，剑道网格在下面，当我用数据绑定时剑道网格显示数据，但图表有时出现，有时消失

    <div class="flex-wrap col-7" >

  <div class="container-fluid">
  //my chart
    <kendo-chart >
      <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
        <kendo-chart-tooltip format="{0}"></kendo-chart-tooltip>
      <kendo-chart-series>
        <kendo-chart-series-item type="line" [data]="dailyStat" field="m_wind_speed" categoryField="date">
        </kendo-chart-series-item>
        <kendo-chart-series-item type="column" [data]="production" field="m_wind_speed" categoryField="date">
        </kendo-chart-series-item>
      </kendo-chart-series>
      <kendo-chart-axis-defaults-labels [rotation]="45">
      </kendo-chart-axis-defaults-labels>
    </kendo-chart>
      
 
    ///myGrid
  <div class="row" style="margin: 3px;">      
    <div class="col-12">
        <kendo-grid 
        [pageSize]="pageSize"
        [skip]="skip"
        [pageable]="true"
        [height]="400"
        [kendoGridBinding]="dailyStat"
        [sortable]="true"
        scrollable="none"
        
      >
      <kendo-grid-column field="date" title="Date"width="130"></kendo-grid-column>
      <kendo-grid-column field="production" title="Production" width="200"></kendo-grid-column>
      <kendo-grid-column field="m_wind_speed" title="WindSpeed(m/s)" [sortable]="false"></kendo-grid-column>
      <kendo-grid-column field="availability" title="Availability(%)" [sortable]="false"></kendo-grid-column>
    
    </kendo-grid>
  </div>   
  </div>

</div>
</div>

//我的图表
///我的网格

这里我添加了屏幕截图