echarts图标如何自适应宽度

echarts 图标直接设置宽度 100% 会默认魏100px，需要自适应方法如下

图标html

<el-col :span="8">
                        <div id="userNianling_three" 
                            style="width: 100%; height: 500px;" 
                        />
                    </el-col>

date里面定义图表

data() {
            return {
                 myChart: null,                                          
            }
        },

　　mounted里面

mounted() {  
            // 宽度变化动态变化宽度
            this.__resizeHandler = debounce(() => {
                if(this.myChart) {
                    this.myChart.resize()
                }
            }, 100)
            window.addEventListener('resize', this.__resizeHandler)

            // 宽度给个初始化-某则只能变化宽度才能变化
            this.__resizeHandler()
        },

然后页面销毁要去除监听

beforeDestroy() {
            window.removeEventListener('resize', this.__resizeHandler);
        },

图标的数据赋值就正常赋值就好了