获取echarts base64图片url，echarts页面的图表的base64生成图片折线图只有点

65 阅读 0 评论 43 点赞

我是靠谱客的博主纯真小虾米，最近开发中收集的这篇文章主要介绍获取echarts base64图片url，echarts页面的图表的base64生成图片折线图只有点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.获取echarts base64图片url
var img = new Image();
img.src = myChart.getDataURL({
pixelRatio: 2,
backgroundColor: ‘#fff’
});
参考：https://echarts.apache.org/zh/api.html#echartsInstance.getDataURL
2.echarts页面的图表的base64生成图片折线图只有点
这几天用echarts做图表，之前采用的是hightchart做，发现hightchart有的插件没有，相反echarts有。为了统一，我就选择了采用echart来实现，这样我的导出图片这块就同统一了，后面发现出来的结果，折线图中只有点没有线。为何会出现这个问题？
经过查资料发现，原来echarts中采用h5画布，存在动画，会延迟加载，所以通过getDataURL()获取的图片，因为动画原因没有出来线。
如何解决这个问题？用两种，一种是延迟去通过getDataURL()获取图片；第二种通过给option设置 animation:false这个来不用动画，这样就可以解决这个问题。对于我的，鉴于图表多，所以我选择了第二种，挺好的，问题解决了。