java导出highcharts_java实现highcharts导出图片至excel

1. 目的

通过java后台实现将前端页面的highcharts图表导出至生成的excel文件中。使用于报表页面导出类功能。

2. 说明

前端页面将图表的svg信息字符串作为参数传递

后台使用batik工具包生成图片

使用poi工具包操作excel

3. 使用jar包

4. 实现

第一部分实现svg生成图片到磁盘；

第二部分实现将磁盘上的图片读取到创建的excel；

第三部分直接将svg信息读取并输出到excel，是上面二者的合并，省略了存至磁盘的过程。

4.1 将svg导出图片

代码：

import org.apache.batik.transcoder.TranscoderException;

import org.apache.batik.transcoder.TranscoderInput;

import org.apache.batik.transcoder.TranscoderOutput;

import org.apache.batik.transcoder.image.PNGTranscoder;

import java.io.*;

/**

*@Description: 将svg转换为png格式的图片

*/

public class SvgPngConverter {

/**

*@Description: 将svg字符串转换为png

*@Author:

*@param svgCode svg代码

*@param pngFilePath 保存的路径

*@throws IOException io异常

*@throws TranscoderException svg代码异常

*/

public static void convertToPng(String svgCode,String pngFilePath) throws IOException,TranscoderException {

File file = new File (pngFilePath);

FileOutputStream outputStream = null;

try {

file.createNewFile ();

outputStream = new FileOutputStream (file);

convertToPng (svgCode, outputStream);

} finally {

if (outputStream != null) {

try {

outputStream.close ();

} catch (IOException e) {

e.printStackTrace ();

}

}

}

}

/**

*@Description: 将svgCode转换成png文件，直接输出到流中

*@param svgCode svg代码

*@param outputStream 输出流

*@throws TranscoderException 异常

*@throws IOException io异常

*/

public static void convertToPng(String svgCode,OutputStream outputStream) throws TranscoderException,IOException{

try {

byte[] bytes = svgCode.getBytes ("UTF-8");

PNGTranscoder t = new PNGTranscoder ();

ByteArrayInputStream byteArrayInputStream = new ByteArrayInputStream(bytes);

TranscoderInput input = new TranscoderInput (byteArrayInputStream);

TranscoderOutput output = new TranscoderOutput (outputStream);

t.transcode (input, output);

outputStream.flush ();

} finally {

if (outputStream != null) {

try {

outputStream.close ();

} catch (IOException e) {

e.printStackTrace ();

}

}

}

}

public static void main(String[] args) {

StringBuilder svgStr = ""; // 图表的svg字符串，一般较长，此处省略

String path = "H:\\svg1.png";

try {

convertToPng(svgStr, path);

} catch (IOException e) {

e.printStackTrace();

} catch (TranscoderException e) {

e.printStackTrace();

}

}

}

效果：

svg2.png

图片内容：

svg2.png

4.2 读取图片输出至excel

代码：

import org.apache.poi.hssf.usermodel.HSSFClientAnchor;

import org.apache.poi.hssf.usermodel.HSSFPatriarch;

import org.apache.poi.hssf.usermodel.HSSFSheet;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;

import javax.imageio.ImageIO;

import java.awt.image.BufferedImage;

import java.io.ByteArrayOutputStream;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

/**

*@Description: 读取磁盘中图片到excel

*/

public class ExcelImageTest {

public static void main(String[] args) {

FileOutputStream fileOut = null;

BufferedImage bufferImg = null;

//先把读进来的图片放到一个ByteArrayOutputStream中，以便产生ByteArray

try {

ByteArrayOutputStream byteArrayOut = new ByteArrayOutputStream();

bufferImg = ImageIO.read(new File("H:/svg1.png"));

ImageIO.write(bufferImg, "png", byteArrayOut);

HSSFWorkbook wb = new HSSFWorkbook();

HSSFSheet sheet1 = wb.createSheet("test picture");

//画图的顶级管理器，一个sheet只能获取一个(一定要注意这点)

HSSFPatriarch patriarch = sheet1.createDrawingPatriarch();

//anchor主要用于设置图片的属性

HSSFClientAnchor anchor = new HSSFClientAnchor(0, 0, 255, 255,(short) 1, 1, (short) 7, 10);

anchor.setAnchorType(3);

//插入图片

patriarch.createPicture(anchor, wb.addPicture(byteArrayOut.toByteArray(), HSSFWorkbook.PICTURE_TYPE_JPEG));

fileOut = new FileOutputStream("H:/测试Excel.xls");

// 写入excel文件

wb.write(fileOut);

System.out.println("----Excel文件已生成------");

} catch (Exception e) {

e.printStackTrace();

}finally{

if(fileOut != null){

try {

fileOut.close();

} catch (IOException e) {

e.printStackTrace();

}

}

}

}

}

效果：

生成excel.png

内容：

excel内容.png

说明：

方法中HSSFClientAnchor anchor = new HSSFClientAnchor(0, 0, 255, 255,(short) 1, 1, (short) 7, 10)表示要将图片插入至excel时的位置，方法为：public HSSFClientAnchor(int dx1, int dy1, int dx2, int dy2, short col1, int row1, short col2, int row2) {}，参数如下：

int row 1：图片左上角所在单元格行数(值为1，即2行)；

short col1：图片左上角所在单元格列数(值为1，即B列)；

int row2：图片右下角所在单元格行数(值为10，即11行)；

short col2：图片右下角所在单元格列数(值为7，即H列)；

int dx1：图片左上角距(B，2)单元格左上角行向距离；

int dy1：图片左上角距(B，2)单元格左上角列向距离；

int dx2：图片右下角距(H，11)单元格左上角的行向距离；

int dy2：图片右下角距(H，11)单元格左上角的列向距离；

4.3 直接将图表导出至excel

代码：

import org.apache.batik.transcoder.TranscoderInput;

import org.apache.batik.transcoder.TranscoderOutput;

import org.apache.batik.transcoder.image.PNGTranscoder;

import org.apache.poi.hssf.usermodel.HSSFClientAnchor;

import org.apache.poi.hssf.usermodel.HSSFPatriarch;

import org.apache.poi.hssf.usermodel.HSSFSheet;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;

import java.io.*;

/**

*@Description: 直接将svg信息转为图片添加至excel

*/

public class SvgToExcelPng {

public static void main(String[] args) {

FileOutputStream fileOut;

try {

String svgStr = ""; // 图表的svg字符串，一般较长，此处省略

byte[] bytes = svgStr.getBytes ("UTF-8");

ByteArrayOutputStream byteArrayOut = new ByteArrayOutputStream();

PNGTranscoder t = new PNGTranscoder ();

TranscoderInput input = new TranscoderInput (new ByteArrayInputStream(bytes));

TranscoderOutput output = new TranscoderOutput (byteArrayOut);

t.transcode (input, output);

HSSFWorkbook wb = new HSSFWorkbook();

HSSFSheet sheet1 = wb.createSheet("test picture");

//画图的顶级管理器，一个sheet只能获取一个(一定要注意这点)

HSSFPatriarch patriarch = sheet1.createDrawingPatriarch();

//anchor主要用于设置图片的属性

HSSFClientAnchor anchor = new HSSFClientAnchor(0, 0, 255, 255,(short) 1, 1, (short) 7, 10);

anchor.setAnchorType(3);

//插入图片

patriarch.createPicture(anchor, wb.addPicture(byteArrayOut.toByteArray(), HSSFWorkbook.PICTURE_TYPE_JPEG));

fileOut = new FileOutputStream("H:/测试Excel2.xls");

// 写入excel文件

wb.write(fileOut);

System.out.println("----Excel文件已生成------");

} catch (Exception e) {

e.printStackTrace();

}

}

}

效果同上。

5. 结语

实现将highcharts图表导出至excel，总体思想为使用svg字符串信息生成输入流，使用工具转出输出流至对应地址。

PS:上述实现中，由于svg字符串一般较长，考虑可读性将其省略，读者可自行百度或至highcharts官网https://www.highcharts.com.cn/demo/highcharts下载图片示例复制粘贴到代码相应位置测试。