第一步:下载并安装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';
try {
map[key] = fs.read(syst