vue项目导出echarts图表

Question

父组件：

        <div class="tabdata" v-for="(item,index) in tabLedata" :key="index">
            <div class="chartBox">
                <table border="1">
                    ...
                </table>
            </div>    
            <div class="mycard">
                <Bar ref="mychild" :chartType="item.content" :chartData="item.resultCount" :chartColor="disableCategoryRatoColor" :chartTitle="item.typeName"></Bar>
            </div>
        </div>

请问一下这种渲染的echarts图表，怎么导出，这个getConnectedDataURL方法获取的是图表的base64，

myChart暂时只获取一个图表，我有多个图表怎么获取它base64
var imgData = myChart.getConnectedDataURL();
imgData 打印的是单个图表的base64

Bar组件 是封装展示图表的

更新： Bar组件是子组件，数据是父组件传给子组件的

Answer 1

干嘛不用echarts自带的下载图片

Answer 2

大神们帮忙看看

Answer 3

请问你的Echart导出图表问题解决了吗？能不能分享一下