如何通過java實現highcharts導出圖片至excel

這篇文章主要介紹瞭如何通過java實現highcharts導出圖片至excel。文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，下面我們就來一起學習一下吧

1. 目的

通過java後臺實現將前端頁面的highcharts圖表導出至生成的excel文件中。使用於報表頁面導出類功能。

2. 說明

前端頁面將圖表的svg信息字符串作爲參數傳遞
後臺使用batik工具包生成圖片
使用poi工具包操作excel

3. 使用jar包

1.batik-all-1.7.jar

2.poi-3.12.jar

3.commons-codec-1.12.jar

不導入不會報錯，但使用時異常，提示信息：Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/commons/codec/digest/DigestUtils at org.apache.poi.hssf.usermodel.HSSFWorkbook.addPicture(HSSFWorkbook.java:1575)

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();
}
}
}

效果：

圖片內容：

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("----Excle文件已生成------");
} catch (Exception e) {
e.printStackTrace();
}finally{
if(fileOut != null){
try {
fileOut.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
}

效果：

內容：

說明：

方法中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("----Excle文件已生成------");
} catch (Exception e) {
e.printStackTrace();
}
}
}

效果同上。

5. 結語

實現將highcharts圖表導出至excel，總體思想爲使用svg字符串信息生成輸入流，使用工具轉出輸出流至對應地址。

PS:上述實現中，由於svg字符串一般較長，考慮可讀性將其省略，讀者可自行百度或至highcharts官網https://www.highcharts.com.cn/demo/highcharts下載圖片示例複製粘貼到代碼相應位置測試。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持神馬文庫。