echarts自适应问题

在开发时，echarts适应问题解决

 <div class="echartBox">
 <div id="taskReport"></div>
       </div>
 <script src="dist/js/lib/jquery/jquery-3.3.1.min.js"></script>
 <script src="dist/js/lib/echarts/echarts-4.2.1.min.js"></script>
 <script src="dist/js/integratedManagement.js"></script>

css代码：

   .echartBox {
   
          height: 10rem;
          > div {
   
            height: 100%;
            width: 100%;
          }
        }

js方法：