echarts 图标根据页面变动自刷新

解决方式：
在图表方法中添加 window.addEventListener(“resize”, this.chart.resize);

 initChart() {
        this.chart = echarts.init(this.$el, 'macarons');
        //重点
        window.addEventListener("resize", this.chart.resize);
        this.option={
             title: {
              text: '***统计图',
              left: 'center',
              textStyle: {
                fontSize: "28",
              }
            },
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'shadow'
              }
            },
            legend: {
              left: '80%',
              top: "30",
              data: ['债务余额结构']
            },
             toolbox: {
            show: true, //是否显示工具栏组件
            orient: 'vertical', //工具栏 icon 的布局朝向
            left: 'right',
            top: 'center',
            feature: { //各工具配置项
              dataView: { //数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新
                readOnly: false
              },
              saveAsImage: {} //保存图片
            }
          },
            grid: {
              left: '2%',
              right: '8%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: {
              type: 'value',
              boundaryGap: [0, 0.01]
            },
            yAxis: {
              type: 'category',
              data: []
            },
            series: [{
              name: '债务余额结构',
              type: 'bar',
              label: {
                normal: {
                  position: 'right',
                  show: true
                }
              },
              data: []
            }]
        }
        this.chart.setOption(this.option)
      },