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

相关推荐
陌殇殇16 分钟前
001 Spring AI Alibaba框架整合百炼大模型平台 — 快速入门
人工智能·spring boot·ai
IT_陈寒2 小时前
为什么我的Vite热更新老是重新加载整个页面?
前端·人工智能·后端
还在忙碌的吴小二2 小时前
Harness 最佳实践:Java Spring Boot 项目落地 OpenSpec + Claude Code
java·开发语言·spring boot·后端·spring
三分恶2 小时前
支付江湖路—第一章:支付溯源——从贝壳到比特
后端
武子康2 小时前
大数据-264 实时数仓-MySQL Binlog配置详解:从原理到实践|数据恢复与主从复制实战
大数据·hadoop·后端
倾颜2 小时前
接入 MCP,不一定要先平台化:一次 AI Runtime 的实战取舍
前端·后端·mcp
wechat_Neal3 小时前
Golang的车载应用场景
开发语言·后端·golang
Moment3 小时前
AI全栈入门指南:一文搞清楚NestJs 中的 Controller 和路由
前端·javascript·后端
GetcharZp3 小时前
告别繁琐配置!这款 Go 写的 Web 服务器,凭什么让 Nginx 都不香了?
后端