需求
数据进行统计后,需要将统计好的数据生成对应的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.结果展示