SpringBoot生成Echarts报表图片

SpringBoot + PhantomJS + ECharts 生成图表图片

PhantomJS安装

官网下载对应的安装包,然后配置环境变量即可。

Linux:

shell 复制代码
vi /etc/profile
export PATH=$PATH:/usr/local/phantomjs/bin

Windows

tex 复制代码
右键我的电脑->属性->高级系统设置->高级->环境变量
在 Path 添加 D:\Program Files\PhantomJS\bin\

测试是否安装成功:

shell 复制代码
#进入到example目录
cd example
#运行js脚本
phantomjs hello.js

通过PhantomJS启动Echarts

生成图片的核心脚本在于 echarts-convert.js ,里面会调用 echarts.min.js、jquery.min.js、china.js 三个脚本来生成echarts图表。

我们需要通过PhantomJS来启动Echarts服务

shell 复制代码
#进入目录
cd echartsconvert
#启动
phantomjs echarts-convert.js -s

编写代码生成图表文件

代码已放到gitlab,pull下来启动即可

相关推荐
FYKJ_20106 分钟前
django学习成绩预警系统10905
java·javascript·spring boot·python·spark·django·php
卓怡学长15 分钟前
w192基于springboot教务管理系统
java·数据库·spring boot·spring·maven·intellij-idea
SomeB1oody43 分钟前
【RustyML入门】7.3. 性能调优与并行
开发语言·后端·机器学习·rust·教程
手握风云-1 小时前
Spring Cloud:分布式系统的“粘合剂”(六)
后端·spring·spring cloud
BingoGo1 小时前
NativePHP v4 让 Blade 构建原生 iOS 与 Android 界面
后端·php
栀栀栀栀栀栀1 小时前
2026/8/23 maven springboot
java·spring boot·maven
程序员爱钓鱼1 小时前
Go 编程实战:闭包 Closure——函数如何记住外部变量
后端·google·go
JaguarJack1 小时前
NativePHP v4 让 Blade 构建原生 iOS 与 Android 界面
后端·php·服务端
普通网友10 小时前
Springboot中使用Elasticsearch(部署+使用+讲解 最完整)
spring boot·elasticsearch·jenkins
笃行35011 小时前
向量数据库单独建一套,这笔账划不划算
后端