使用phantomJs服务器端导出Echarts图片

背景:

    在使用Echarts过程中,有需求在页面上图表显示和服务器端导出报表。在Echarts中,原生态提供了getImage()方法,但是都需要在页面上生成。事实上,可以通过页面上使用getImage()获得base64 encode的图片数据,传输至服务器端导出图片。但是在项目需求中,有一种场景在导出报表时,页面可能不需要生成图片。因此只能调研是否在服务器端直接生成。

思路:

    phantomJs作为一个headless浏览器,支持网页截图。通过调用phantomJs,传入Echarts生成图表所需的options,与在页面上类似的方法,调用phantomJs的webpage模块,通过使用webpage.evaluate()在页面中生成div容器,调用echarts.init(container)生成图表,最终调用phantomJs的webpage.render()生成图片。

原文: https://blog.csdn.net/zor_chen/article/details/31371501

猜你喜欢

转载自blog.csdn.net/zzhuan_1/article/details/81518493