以freemarker导出echarts图表到word文档

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

导出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图表:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值