echarts在移动端无法导出的解决方案

echarts在移动端无法导出的解决方案

使用echarts进行图表开发时，惊奇的发现导出图片功能无法在移动端做到pc端那样的点击导出就可以下载下来一张图片，能点击下来的都是这些无法下载的无效链接

发现官网的也是这样，于是排除了自己的原因，找其他的方法替代。
我的想法是把图表转换成可以展示的图片，或者是通过canva画下来，再长按保存下来。
在echart中找到可以通过getDateURL方法可以转换成base64格式

  var i = myChart.getDataURL({
            type: 'jpg',
            backgroundColor: 'white',
            // 导出的图片分辨率比例，默认为 1。
            pixelRatio: 2,
        });

可以拿到base64格式的url，下一步就可以通过弹窗的方式显示图片，做好提示长按保存就可以啦，至于base64怎样显示和细节我就不赘述了。