Java 用 PhantomJS+ECharts 后台生成图片

第一步：下载并安装PhantomJS

方法一：

下载地址：http://phantomjs.org/download.html

下载完成后解压，然后复制 bin 下面的 phantomjs 到 /usr/local/bin/

cp bin/phantomjs /usr/local/bin/phantomjs

方法二：

brew安装

brew update && brew install phantomjs

验证

phantomjs --version

如果出现版本号，则说明安装成功。

第二步：准备生成图片相关的脚本：

1. echarts.min.js

下载地址：https://echarts.baidu.com/download.html

下载最新的 release 版本，解压出来的文件夹里的 dist 目录里可以找到最新版本的 echarts 库。

2. jquery-3.2.1.min.js

我用了3.2.1这个版本，具体版本没有限制。

3. echarts-convert.js

这个脚本很重要！！！

(function () {
var system = require('system');
var fs = require('fs');
var config = {
    // define the location of js files
    JQUERY: 'jquery-3.2.1.min.js',
    //ESL: 'esl.js',
    ECHARTS: 'echarts.min.js',
    // default container width and height
    DEFAULT_WIDTH: '600',
    DEFAULT_HEIGHT: '700'
}, parseParams, render, pick, usage;

usage = function () {
    console.log("\nUsage: phantomjs echarts-convert.js -options options -outfile filename -width width -height height"
        + "OR"
        + "Usage: phantomjs echarts-convert.js -infile URL -outfile filename -width width -height height\n");
};

pick = function () {
    var args = arguments, i, arg, length = args.length;
    for (i = 0; i < length; i += 1) {
        arg = args[i];
        if (arg !== undefined && arg !== null && arg !== 'null' && arg != '0') {
            return arg;
        }
    }
};

parseParams = function () {
    var map = {}, i, key;
    if (system.args.length < 2) {
        usage();
        phantom.exit();
    }
    for (i = 0; i < system.args.length; i += 1) {
        if (system.args[i].charAt(0) === '-') {
            key = system.args[i].substr(1, i.length);
            if (key === 'infile') {
                // get string from file
                // force translate the key from infile to options.
                key = 'options';