整体思路:
1、前端:把echart的base64传递到后端
2、后端:在后台进行base64解码,生成指定路径下的图片
前端,伪代码:
....
myCharts1.setOption(option1);
setTimeout(exportImage, 2000);//切记:一定设置这个延迟,否则生成的图片是黑色的。
function exportImage(){
var picBase64Info = myCharts1.getDataURL();//获取图片的base64传递后台,生成图片,供导出报表使用
var data = "a="+encodeURIComponent(myCharts1.getDataURL("png"));
var xmlhttp;
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST","<%=path%>/web/model/login/savetp.do",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
//alert("保存成功");
}
}
xmlhttp.send(data);
}
后端,伪代码:
/**
* 保存图片
* @param request
* @return
*/
@RequestMapping(value = "/savetp", method = RequestMethod.POST)
public void saveImage(HttpServletRequest request) throws Exception{
String a = request.getParameter("a");
String[] url = a.split(",");
String u = url[1];
byte[] b = new BASE64Decoder().decodeBuffer(u);
for (int i = 0; i < b.length; ++i) {
if (b[i] < 0) {// 调整异常数据
b[i] += 256;
}
}
// 生成png图片
String imgpath=request.getRealPath("/")+"/export/fw.png";
OutputStream out = new FileOutputStream(imgpath);
out.write(b);
out.flush();
out.close();
}
相关推荐
echarts 生成统计图时,自动保存图片到服务器,并使用freemarker生成带图片和循环表格的word
本项目完整带全部jar包,可直接运行,包含echarts表格绘制,图片上传,base64图片解析,图片写入到excel,导出excel表格,文件下载,使用的是入门级别的技术servlet,博客...
java+phantomjs+echarts导出图片到服务器,包含JAVA测试类,phantomjs 文件,echarts-convert.js
生成图片后调用浏览器预览功能,等待文件保存完成,如果保存失败,自动重试3次,最后返回图片在服务器上的实际路径,便于后续处理,如导出到Word或Excel中。 后端接收图片的服务器端口和默认图片大小可通过echart....
echarts 保存图片到后台下载
使用Echarts通过Servlet导出图片,并将图片保存到Excel中
echarts的地图生成工具,打开index.html使用。可惜不能生成镇级别地图
Echarts生成全国所有省地图,点击省生成对应省的所有市地图。包含各个省的js文件和json文件。guangdong.js,anhui.js,aomen.js,beijing.js,chongqing.js,fujian.js,gansu.js,guangdong.js,guangxi.js,gui...
echarts地图生成工具,现在官网找不到了,在这里备个份,,解压密码123
java使用phantomjs把echarts转图片 静态资源
echarts svg矢量图整理合集,包括五角星、梯形、微信、相机、文件夹、喇叭、放大、缩小、饼图、柱图等等
基于echarts生成的东莞区域图表及广东图表
tool.zip后台生成echarts图片工具
最新echarts地图生成json数据格式工具,按照国家统计局地图设计。需要的自己拿。
echarts图表导出到excel中的解决方法,做个备忘录,以防忘记
echarts-server-imageecharts配合phantomjs,在服务端生成图片。Usagenpm install phantomjs -ghttps://github.com/hushicai/echarts-server-image.gitcd echarts-server-imagenpm installnode phantom/echarts.js...
echarts-java 通过phantomjs java后台生成echats图表,echartspoi相关jar包及phantomjs都在压缩包内
echart生成图片插入到word中
运用echarts实现县市地、图输入县市名字,打开该县市独立行政地图,将带坐标的标记点传到前端,可在地图上标记,可自定义标签样式。可点击标注打开自定义内容面板。已经优化海量点不卡。