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

相关推荐
Gopher_HBo9 分钟前
分布式详解
后端
AI人工智能+电脑小能手12 分钟前
【大白话说Java面试题】【Java基础篇】第38题:两个对象的hashCode()相同,则 equals()是否也一定为 true?
java·开发语言·后端·面试·hash-index
ahauedu20 分钟前
流水账债务
spring boot
SamDeepThinking20 分钟前
所有的框架源码,最怕的就是被debug
java·后端·程序员
kree29 分钟前
通义千问 SSE 流式:累计文本 vs 增量 Delta
后端
fox_lht33 分钟前
第十一章 错误处理
开发语言·后端·rust
盐多碧咸。。42 分钟前
echarts折线图矩形选择 框选图表
前端·javascript·echarts
焗猪扒饭43 分钟前
极简案列入门golang依赖注入工具wire
后端·go
M ? A1 小时前
Vue 转 React | VuReact 实时监听开发指南
前端·vue.js·后端·react.js·面试·开源·vureact