关于VUE导出的word中echarts图表没有数据的问题_vue 使用docxtemplater导出word中echart图无数据

因为项目关系，需要导出word文件，里面包含表格，echarts图。但是导出后，发现图上没数据。原因是echart是动态的，所以要将animation设为false。

 //初始化echarts
  mounted: function() {
 
    var chartDom = document.getElementById('main1');
    var myChart = echarts.init(chartDom);
    var option;
 
    option = {
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {
        type: 'value'
      },
      series: [
        {
          data: [120, 200, 150, 80, 70, 110, 130],
          type: 'bar',
              //因echarts是动态的，所以设置此属性为false，否则导出没有数据
              animation: false
        }
      ]
    };
 
    option && myChart.setOption(option)