echarts+iview模态框modal问题

一、起初是echarts大小问题，在modal模态框上显示左上角很小一块。可以给echarts固定宽高

<Modal v-model="modalGx" :title="title" @on-ok="modalCj=true" @on-cancel="modalCj=true">
       <!--<Table border :columns="gxEqpBoot" :data="gxOpenData" :loading="gxLoading"></Table>-->
       <chart id="gxEqpBoot" :option="gxEqpBoot" style="width: 500px; height: 300px"></chart>
</Modal>

二、echarts 数据重新加载,原数据依然存在图表上，导致option一直在合并。根据网上提供的方法没有得到有效的解决

方法一：setOption方法第二个参数设为true。表示新的数据不与之前的合并，重新渲染。echarts API有介绍（没得到解决）

let gxEqpBootChart = echarts.getInstanceByDom(document.getElementById('gxEqpBoot'));
gxEqpBootChart.setOption(vm.gxEqpBoot,true);（此句在请求当中，vm为参数）

方法二：clear（）将dom清除再从新渲染（未得到解决）

方法三：每次赋值前先将data清空（解决了数据合并问题）

this.gxEqpBoot.xAxis[0].data = [];
this.gxEqpBoot.series[0].data = [];
this.gxEqpBoot.series[1].data = [];

效果：（数据不再合并显示了）

echarts+iview模态框modal问题