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

相关推荐
陈随易1 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
鱼樱前端2 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
犀利豆2 小时前
Claude code tools 研究系列-开篇(AskUserQuestion)
后端
颜酱5 小时前
06 | 把 meta_config 同步进 MySQL(生成阶段)
前端·人工智能·后端
IT_陈寒6 小时前
SpringBoot自动配置坑了我一周,原来问题这么蠢!
前端·人工智能·后端
iOS开发上架哦7 小时前
Android代码混淆与iOS加固技术详解
后端·ios
Alan_6918 小时前
商品详情优化三板斧-拆分-多级缓存-GC调参
后端·缓存
Conan在掘金8 小时前
ArkTS 进阶之道(3):为哈禁解构声明?类型一眼可见 vs 推断链断裂
后端
晚安code8 小时前
干掉成山的 if-else:工厂造、策略选,一文讲透两个模式的配合
后端·设计模式
feng尘8 小时前
深度解析布隆过滤器(Bloom Filter):原理、优缺点与 1000 万黑名单实战
后端·面试