python图表 导出pdf_Echarts导出为pdf echarts导出图表(包含背景)

本文介绍了如何将Echarts图表导出为包含背景的PDF文件。首先通过JavaScript获取Echarts的base64编码,然后在后台使用Java的itext库将PNG转换为PDF。详细步骤包括前端数据提交、后端处理和PDF生成。
摘要由CSDN通过智能技术生成

Echarts好像是只支持png和jpg的导出,不支持pdf导出。我就想着只能够将png在后台转为pdf了。

首先介绍一下jsp界面的代码。

var thisChart = echarts.init(document.getElementById('myChart'));

$('#activeResourcesExportBtn').on('click',function(){

var chartExportUrl = 'isms/activeResource/export.do';

var picBase64Info = thisChart.getDataURL();//获取echarts图的base64编码,为png格式。

$('#chartForm').find('input[name="base64Info"]').val(picBase64Info);//将编码赋值给输入框

$('#chartForm').attr('action',chartExportUrl).attr('method', 'post');//设置提交到的url地址

$('#chartForm').attr('action',chartExportUrl).attr('method', 'post');//设置提交方式为post

$('#chartForm').submit();

});

上面的前端代码主要的作用是获取echarts图的base64编码,然后把值赋给一个input输入框,通过form表单提交到后台。下面是后台的代码。

@RequestMapping(value="export", method=RequestMethod.POST)

@ResponseBody

public void chartExport(HttpServletResponse response,String base64Info) throws IOException {

String newFileName;

newFileName = "统计图" + System.currentTimeMillis() + ".pdf";

String newPngName = newFileName.replaceFirst(".pdf", ".png");

String exportFilePath = "d:/export"

base64Info = base64Info.replaceAll(" ", "+");

BASE64Decoder decoder = new BASE64Decoder();

String[] arr = base64Info.split("base64,");

byte[] buffer;

try {

buffer = decoder.decodeBuffer(arr[1]);

} catch (IOException e) {

throw new RuntimeException();

}

OutputStream output = null;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值