无法在angularjs gridster中使用显示c3简单图表指令

我试图在AngularGridster中显示angularjs c3图表。我使用的是来自的c3图表指令。即使gridster正在出现，gridster中的图表也会丢失。请找到

下面是my gridster代码，其中包含c3简单图表指令：

   <div gridster="gridsterOptions" ng-if="dashboard.widgets">
  <ul class="with-3d-shadow with-transitions">
    <li gridster-item="widget" ng-repeat="widget in dashboard.widgets">
      <div class="box">
          <div class="box-header">
              <h3>{{ widget.name }}</h3>
          </div>
          <div class="box-content" ng-if="widget.options">
           <c3-simple id= "widget.id" config="widget.options"></c3-simple>
          </div>
      </div>
    </li>
  </ul>
</div> 

{{widget.name}

将指令更改为使图表显示在gridster中