导出echarts图表到word文档
第一步:先定义一个已doc文档的模板,将模板另存为xml,后缀为ftl的文件,保存好后将模板复制到工作空间,放在templatePath相同的路径

第二步:将ftl进行填充(写法为“${}”占位符)占位符和controller里面的map集合键位相同;

例如模板为下面图示:

准备工作做好了后:(上代码)
controller层:

页面:



第三步:
在页面上获取到base64的id,这里的’planGroupPersonYearRate’就是拿到的base64的id,然后再拿到地址(用getDataUrl),拿到后将地址封到form表单里面的base64Str,最后拿到form表单的id传到后台
// 基于准备好的dom,初始化echarts实例(如)
var planGroupPersonStatistics = echarts.init(document.getElementById(‘planGroupPersonYearRate’), ‘walden’);
这样就将echarts图表导出到word文档了
下面是自定义echarts图表:



本文介绍了如何使用Freemarker将Echarts图表导出到Word文档。首先,创建一个.doc模板并保存为.ftl文件,然后在模板中使用${}占位符。在Controller中填充数据,通过Echarts的getDataUrl方法获取图表的base64编码,将其放入表单并提交给后台,最终在Word中呈现图表。
3176

被折叠的 条评论
为什么被折叠?



