首先,做这个功能开发时,首先有几点必须弄清楚:1、echarts图表导出时该怎样导出到excel中,2、有没有图表自带的导出功能可用。经过我上网查阅相关资料以及去echarts官网查看API后,发现图表自带的导出功能不符合当前的业务需要,echarts图表导出必需转成图片,然后再将图片保存到excel中。
开始,我写的导出过程:(步骤一)前端js导出按钮事件:
$('#export').jqxButton({width: 50, height: 27,template: "primary" }).on('click',function(){
$("#imgUrl").val("");//清空
imgUrl = myChart1.getDataURL({type:"png",backgroundColor:"#fff"});
imgUrl+="#";
imgUrl+= myChart2.getDataURL({type:"png",backgroundColor:"#fff"});
imgUrl+="#";
imgUrl+= myChart3.getDataURL({type:"png",backgroundColor:"#fff"});
var actionUrl = currentSystemRootPath+pifx+"/exportExcelData.json";
$("#imgUrl").val(imgUrl);
var form = $("<form>");
$('body').append(form);
form.attr('style','display:none');
form.attr('target','');
form.attr('method','post');
form.attr('action', actionUrl);//下载文件的请求路径
//对应查询
var input1 = $('<input>');
input1.attr('type','hidden');
input1.attr('name','imgUrl');
input1.attr('value',$("#imgUrl").val());
form.append(input1)