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下来启动即可

相关推荐
小兔子10 分钟前
dict.get 的默认值每次都会求值,哪怕键本来就在
后端
斯维赤13 分钟前
限流、熔断、降级,你真的分得清吗?
java·后端·架构
肌肉娃子13 分钟前
红队攻防测试报告 — wechat-e.cfd
后端
陈随易21 分钟前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
海螺_AIHCC28 分钟前
SSE 流式返回中文变问号,问题不在编码
后端
panbook32 分钟前
从零实现一个时序数据库(一):用 Rust、Arrow 和 Parquet 跑通写入与 SQL 查询
后端
Zan34 分钟前
SQLite + SQLx 实战:为什么已经发布的数据库迁移文件,绝对不能再修改?
数据库·后端·面试
微步AICRM40 分钟前
一物一码验真的并发链路设计:码段管理、四级关联与异常判定
后端·架构
陈随易1 小时前
3000 万人在用的翻译插件,重写一遍就是一门生意
前端·后端·程序员
IT_陈寒1 小时前
Vue的这个响应式陷阱,差点让我加班到天亮
前端·人工智能·后端