echart freemarker 模板_SpringBoot集成Freemarker模板生成Echarts图片(三）

最新推荐文章于 2024-03-06 11:01:48 发布
最新推荐文章于 2024-03-06 11:01:48 发布
阅读量345 收藏
点赞数
文章标签： echart freemarker 模板
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39842918/article/details/112956003
版权
本文介绍了如何在SpringBoot项目中利用Freemarker模板生成Echarts图表图片，包括柱状图、渐变色柱状图、折线图和饼图的配置和示例数据。此外，还提供了环境配置说明和测试效果。
摘要由CSDN通过智能技术生成

紧接着前面两篇，本篇采用Freemarker模板来生成Echarts图片。

一. 项目结构

二. Freemarker模板

(1)柱状图

{

"title": {

"text": "${title}",

"textStyle": {

"color": "red",

"fontSize": 15,

"fontWeight": "bolder"

}

},

"tooltip": {

"formatter": "{a}
{b} : {c}",

"show": true

},

"legend": {

"textStyle": {

"color": "red",

"fontSize": 15,

"fontWeight": "bolder"

},

"data": ["${legend}"]

},

"xAxis": [{

"type": "category",

"axisLabel": {

"show": true,

"textStyle": {

"fontSize": 15,

"fontWeight": "bolder"

}

},

"axisLine":{

"lineStyle":{

"color": "#315070",

"width":4

}

},

"data": ${category}

}],

"yAxis": [{

"type": "value",

"axisLabel": {

"show": true,

"textStyle": {

"fontSize": 15,

"fontWeight": "bolder"

}

},

"axisLine":{

"lineStyle":{

"color":"#315070",

"width":4

}

}

}],

"series": [{

"name": "${legend}",

"data": ${values},

"type": "bar",

"label": {

"normal": {

"color": "green",

"fontSize": 15,

"fontWeight": "bolder",

"show": true,

"position": "top"

}

}

}]

}

(2)渐变色柱状图

{

"title": {

"text": "${title}",

"textStyle": {

"color": "red",

"fontSize": 15,

"fontWeight": "bolder"

}

},

"toolbox": {

"feature": {},

"show": true

},

"tooltip": {

"formatter": "{a}
{b} : {c}",

"show": true

},

"legend": {

"textStyle": {

"color": "red",

"fontSize": 15,

"fontWeight": "bolder"

},

"data": ["${legend}"]

},

"xAxis": [{

"type": "category",

"axisLabel": {

"show": true,

"textStyle": {

"fontSize": 15,

"fontWeight": "bolder"

}

},

"axisLine":{

"lineStyle":{

"color":'#315070',

"width":4

}

},

"data": ${category}

}],

"yAxis": [{

"type": "value",

"axisLabel": {

"show": true,

"textStyle": {

"fontSize":

最低0.47元/天 解锁文章
weixin_39842918
关注
【SpringBoot】4、SpringBoot中整合Freemarker模板引擎
Asurplus
04-19 20万+
FreeMarker 是一款模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本（ HTML 网页、电子邮件、配置文件、源代码等）的通用工具。 它不是面向最终用户的，而是一个 Java 类库，是一款程序员可以嵌入他们所开发产品的组件。 FreeMarker 是一个很值得去学习的模版引擎。它是基于模板文件生成其他文本的通用工具。本文主要介绍在 SpringBoot 中如何整合 FreeM...
SpringBoot+FreeMarker+ECharts导出图表文件(pdf/world/zip)
weixin_40343982的博客
03-05 4720
本文主要解决了导出文件中出现的以下问题： 导出PDF文件不能显示中文的问题 导出的PDF图片不能正常显示的问题 需要导出World带图片的解决方案 项目部署Linux后FreeMarker的配置路径无法读取的问题 步骤 maven依赖导入 xhtmlrenderer包主要是解决PDF图片显示的问题 <!-- pdf --> <dependency> <groupId>com.itextpdf</groupId> <arti
Springboot实现导出echarts图表
qq_43547991的博客
07-28 1057
Springboot实现导出echarts图表。
SpringBoot+Thymeleaf+Echarts显示图表
weixin_39309402的博客
11-29 2847
SpringBoot+Thymeleaf的配置以及依赖，前面已经讲过，这里顺便一提Thymeleaf的配置文件以及js或者css的存放位置，方便记录，我的配置文件如： #配置thymeleaf缓存开发期间先关闭，否则影响测试 spring.thymeleaf.cache=false spring.thymeleaf.prefix=classpath:/templates/ spring.mvc...
java freemarker 生成图片,使用freemarker导出word(含图片 表格动态行)
weixin_29091837的博客
03-19 1226
1、创建一个ftl文件1.1创建一个word如下 1.2将之保存到xml格式(word中的另存为) 1.3 将eg10.xml文件的扩展名改为ftl1.4 使用文本打开eg10.ftl文件1.5 使用ctrl + F 查找aaaaa 在aaaaa前的遇到的第一个" 1.6 使用ctrl + F 查找cccccc 在cccccc后的遇到的第一个""之后 插入#list> 1....
freemarkerdemo 生成word 插入图片
06-08
通过对freemarker在Java web项目中的测试，进行生成word文档测试，将图片插入到模板并生成word文档包含图片成功。
使用freemarker导出word文件 循环生成图片
weixin_44315847的博客
10-30 1632
一.JAR 二. 1.使用office word创建word模板.wps创建可能会有问题 先插入一张图片占位置。本例导出后，应该是一张封面（会议记录册），后跟若干张图片。 2. 将word文件另存为Word xml格式 3.将xml文件重命名为.ftl文件，放入项目中 4.后台逻辑代码 @Override public void exportWord(ZzshQueryVo zzshQueryVo, HttpServletResponse response, HttpServletRequest re
springboot-freemarker-master.rar_freemarker_springboot
09-24
《SpringBoot集成Freemarker深度解析》 在Java Web开发领域，SpringBoot以其简洁的配置、快速的开发体验，已经成为主流的开发框架。而Freemarker作为一款强大的模板引擎，常用于视图层的渲染，使得前后端分离更加...
springmvc采用freemarker动态生成带图片的word
06-03
本列springmvc采用freemarker动态生成word，并根据需求附带了word中添加图片的方法，将图片转换成Base64字符串，写入模板中。
SpringBoot整合Freemarker生成动态Html文件，并转成png图片
chuan-yoyo
10-30 1770
1.添加依赖 <!-- 添加2个依赖 html2image 把html转换成图片格式 freemarker模板引擎--> <dependency>　　 <groupId>gui.ava</groupId> 　　 <artifactId>html2image</artifactId></dependency> <dependency> <groupId>org.springframework
springboot使用freemaker模板生成图片
kehonghg的博客
07-29 7205
springboot通过freemaker动态渲染数据，生成图片
通过freemarker将生成的html转为图片
leo3070的博客
09-13 8934
最近做得项目中要将html转为图片，觉得下面这种方法比较适合公司需求。其中用到了org.xhtmlrenderer类库，该库网上的资料比较少，而且官网也上不去了。相比之下org.docx4j库的资料比较全，而且对于org.xhtmlrenderer也有一整套实现，可是我用org.docx4j库生成的图片是空白一片不知道什么原因，最后还是用的org.xhtmlrenderer类库。 1.freem...
freemarker模板生成的html转图片
上尤流苏
06-15 1602
freemarker模板 代码 大致过程：组装Model数据，加载freemarker模板，生成Html文件，再将Html文件转成图片（可以设置图片的长和宽，字体等） 效果
java后端使用freemarker生成echarts图表word
weixin_37447379的博客
03-12 2624
项目结构 package com.example.demo.月报; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.b
SpringBoot实现Echarts图表
最新发布
weixin_52015303的博客
03-06 1361
使用java和echarts实现饼状图
使用Freemarker生成Word文档并在文档内添加Echarts图形报表或循环添加表格、图片数据
weixin_52437323的博客
02-13 989
java使用Freemarker 生成复杂数据表格等
freemarker 图片输出、多张图片输出（图片重复原因及解决）
热门推荐
生活的真相
10-14 2万+
单张图片显示：  先写好word格式的文档，在其中插入一张图片，然后重命名为ftl,再用编辑器打开，把图片那一段base64信息用freemarker表达式替换掉。 之后把图片的信息输出到模板即可。 多张图片显示： 需要注意的是，多张图片显示时，当list循环的时候，如果你不改变图片两个属性w:name和imagedata src的值，那么它永远也是调用第一张图片的地址，显示
Freemarker模板引擎详解及SpringBoot集成
这样，我们就可以在SpringBoot环境中运行FreeMarker模板，测试其渲染效果和动态内容生成。 FreeMarker是一款灵活且功能丰富的模板引擎，适用于多种场景，尤其在Web应用中，它可以有效地将后端数据和前端展示进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值