欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Echarts.getDataURL()获取图片错乱的问题

程序员文章站 2022-06-09 13:53:35
...

需求:需要将一张Echart图表的图片发到后台生成word导出。

问题:导出后的word,里面的图表错乱、错位或者渲染未完成。

解决:

  • series属性中添加animation: false(关闭动画效果,动画的渲染耗时间)
  • setOption() 方法后睡一段时间,这个时间可以自行调整,直到图片显示完全。
function sleep(delay) {
    return new Promise(resolve => {
        setTimeout(() => {
            resolve()
        }, delay)
    })
}