java如何不通过浏览器直接在后端生成echarts图片（phantomjs），并将图片插入到word中

需求

数据进行统计后，需要将统计好的数据生成对应的echarts图，并将echarts图插入到word文档中导出使用。不需要在页面（浏览器）上展示。这就导致了，无法通过浏览器对echarts数据进行渲染后，在提供对应的base64的字符串给后端进行下载。

实现

1. 首先下载phantomjs以及基础的js插件

链接：https://pan.baidu.com/s/1oEpsj0AxJZ1Tsi3ziEjrIw
提取码：u3ba


4个js文件放置到系统代码的同个文件夹下面即可

2. 创建好word文档，并在word文档中定义好插入图片的位置（域）

3. 代码实现

使用cmd命令的方式去调用phantomjs生成图片

package com.test.word;

import java.awt.image.BufferedImage;
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStreamWriter;
import java.util.UUID;

import javax.imageio.ImageIO;

import org.apache.tomcat.util.http.fileupload.IOUtils;

import com.aspose.words.Document;
import com.aspose.words.DocumentBuilder;

public class Test1 
{
	public static void main(String[] args) 
	{
		try
		{
			//文档对象
			Document mainDocument = new Document("模板文档路径，也就是第二步中创建的文档的路径");
			DocumentBuilder builder = new DocumentBuilder(mainDocument);
			//该方法一共是3个参数，第2个参数是用于生成echarts的数据，可以到echarts官网复制，第3个参数是word文档中定义的域名
			insertEchartsToWord(
					
					builder, 
					
					"option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},"
					
					+ "yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]}",
					
					"map");
			mainDocument.save("生成结果文档保存路径");
			System.out.println("成功！");
		} catch (Exception e)
		{
			e.printStackTrace();
		}
	}
	
	
	/**
	 * 插入echart图片到word中(单个)
	 * @param builder 文档document对应的builder对象
	 * @param options echarts图的json字符串-在echarts官网上能直接构成echarts图的json串
	 * @param keyName word文档中的域名
	 * @throws Exception
	 */
	public static void insertEchartsToWord(DocumentBuilder builder, String options, String keyName) throws Exception
	{
		InputStream in = null;
		try
		{
			File imgFile = generateEChart(options);
			in = new FileInputStream(imgFile);
			BufferedImage image = ImageIO.read(in);
			if (image != null)
			{
				builder.moveToMergeField(keyName);
				builder.insertImage(image);
			}
		}
		catch (Exception e)
		{
			e.printStackTrace();
		}
		finally
		{
			IOUtils.closeQuietly(in);
		}
	}
	
	/**
	 * 生成echarts
	 * @param options
	 * @return
	 * @throws InterruptedException
	 */
	public static File generateEChart(String options) throws Exception
	{
		// echarts对应js文件路径
		  String jsPath ="xxx\\echarts-convert.js";
		// 生成图片的临时路径 配置到文件夹
		  String tmpPath = "F:\\test\\";
		// cmd命令头 其实也就是解压后的phantomjs的路径
		  String commandHead = "xxxx\\phantomjs.exe ";
		//输出文件的路径
		String dataPath = writeFile(options, tmpPath);
		String fileName = UUID.randomUUID().toString().substring(0, 8) + ".png";
		String path = tmpPath + fileName;
		// 文件路径（路径+文件名）
		File file = new File(path);
		if (!file.exists())
		{
			// 文件不存在则创建文件，先创建目录
			File dir = new File(file.getParent());
			dir.mkdirs();
			if (!file.createNewFile())
			{
				throw new RuntimeException("生成echarts图片失败");
			}
		}
		//执行的命令
		String command = commandHead + jsPath + " -infile " + dataPath + " -outfile " + path;
		Process process = Runtime.getRuntime().exec(command);
		int result = process.waitFor();
		// 执行成功
		if (result == 0)
		{
			if (!new File(dataPath).delete())
			{
				throw new RuntimeException("生成echarts图片失败");
			}
			return file;
		}
		throw new RuntimeException("生成echarts图片失败");
	}
	

	/**
	 * 将optionJSON字符串写入文件中
	 * @param options
	 * @param tmpPath
	 * @return
	 */
	public static String writeFile(String options, String tmpPath) throws Exception
	{
		String dataPath = tmpPath + UUID.randomUUID().toString().substring(0, 8) + ".json";
		BufferedWriter out = null;
		try
		{
			/* 写入txt文件 */
			File writename = new File(dataPath); // 相对路径，如果没有则要建立一个新的output.txt文件
			if (!writename.exists())
			{ // 文件不存在则创建文件，先创建目录
				File dir = new File(writename.getParent());
				dir.mkdirs();
				if (!writename.createNewFile()) // 创建新文件
				{
					throw new Exception("optionJSON字符串写入文件中失败");
				}
			}
			out = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(writename), "UTF-8"));
			out.write(options); // \r\n即为换行
			out.flush(); // 把缓存区内容压入文件
		}
		catch (IOException e)
		{
			throw new RuntimeException("optionJSON字符串写入文件中失败");
		}
		finally
		{
			IOUtils.closeQuietly(out);// 最后记得关闭文件
		}
		return dataPath;
	}
}

4.jar包展示

<dependency>
	<groupId>com.aspose</groupId>
	<artifactId>aspose-words</artifactId>
	<version>16.11.0</version>
</dependency>

5.结果展示