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

相关推荐
霸道流氓气质25 分钟前
SpringBoot+Vue通过ModbusTCP协议实现PLC 设备连接、重连实时控制
vue.js·spring boot·后端
SimonKing30 分钟前
阿里要求全员卸载 Claude Code:事件始末与深层逻辑
java·后端·程序员
武子康41 分钟前
FDE 到底是什么:为什么 AI 时代重新需要前线部署工程师(4 个标准 + 8 类风险 + 10 个问题)
人工智能·后端·openai
xianjixiance_1 小时前
鸿蒙原生开发手记:徒步迹 - 轨迹记录:暂停/继续/停止
后端
猫猫不是喵喵.1 小时前
SpringBoot自动装配原理
java·spring boot·后端
用户713874229001 小时前
Claude Code Skills 深度解析:参数传递与上下文预注入
后端
薛定猫AI1 小时前
【技术干货】大模型能力评测实战:Python构建可复现的模型选型流水线
人工智能·后端
用户713874229001 小时前
Claude Agent Skills 的四种设计模式;从渐进式披露到最小权限
后端
吃饱了得干活1 小时前
从0到1实现消息已读未读:从基础设计到高并发架构
java·后端·架构
梅头脑1 小时前
一条SQL从5秒到0.05秒:我拆开了B+Tree、MVCC和EXPLAIN,找到了慢查询优化的根
后端