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这个来不用动画,这样就可以解决这个问题。对于我的,鉴于图表多,所以我选择了第二种,挺好的,问题解决了。
获取echarts base64图片url,echarts页面的图表的base64生成图片折线图只有点
最新推荐文章于 2023-11-07 17:36:30 发布