vue点击按钮改变元素的大小echarts resize()方法无效

this.todaySaleShareChart.resize()调用无效,请问我错误处在哪了?在线等

<div class="one" :class="report.todaySaleVolumeTag?'full':''">
            <div class="t"><span></span>
              <font>今日销售数量</font>
            </div>
            <div class="type">
              <span class="active">累计</span>
              <span>按时</span>
            </div>
            <div id="todaySaleVolume" class="chart"></div>
            <div class="enlarge" @click="enlargeReport()"><img src="../../../static/common/searchs_but.png" /></div>
            <div class="chartType">
              <span class="active">折线</span>
              <span>柱状</span>
            </div>
            <div class="download">
              <img src="../../../static/common/download_but.png" />
              <font>下载</font>
            </div>
          </div>
todaySaleShareEcharts() {
        this.todaySaleShareChart = echarts.init(document.getElementById('todaySaleShare'));
        var option = {
          tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
          },
          grid: {
            left: 44,
            right: 25,
            top: 56,
            bottom: 40
          },
          series: [{
            name: '访问来源',
            type: 'pie',
            radius: ['40%', '60%'],
            center: ['50%', '50%'],
            data: [{
                value: 335,
                name: '直接访问'
              },
              {
                value: 310,
                name: '邮件营销'
              },
              {
                value: 234,
                name: '联盟广告'
              },
              {
                value: 135,
                name: '视频广告'
              },
              {
                value: 1548,
                name: '搜索引擎'
              }
            ],
            labelLine: {
              length: 10,
              length2: 10
            },
            itemStyle: {
              emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            },
            label: {
              formatter: ['{b}', '{d}%'].join('\n')
            }
          }]
        };
        this.todaySaleShareChart.setOption(option);
      }
enlargeReport() {
    this.report.todaySaleVolumeTag = true;
    this.todaySaleShareChart.resize(); 
},
阅读 3.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题