mirror of https://github.com/ColorlibHQ/gentelella
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.0 KiB
63 lines
2.0 KiB
var glob = require('glob');
|
|
var Canvas = require('canvas');
|
|
var echarts = require('echarts');
|
|
var fs = require('fs');
|
|
var path = require('path');
|
|
|
|
require('echarts/map/js/china');
|
|
|
|
var options = {
|
|
bar: require('./option/bar'),
|
|
area: require('./option/area'),
|
|
scatter: require('./option/scatter'),
|
|
pie: require('./option/pie'),
|
|
graph: require('./option/graph'),
|
|
map: require('./option/map')
|
|
};
|
|
var WIDTH = 600;
|
|
var HEIGHT = 400;
|
|
echarts.setCanvasCreator(function () {
|
|
return createCanvas();
|
|
});
|
|
|
|
var font = new Canvas.Font('Helvetica', '/System/Library/Fonts/Helvetica.dfont');
|
|
font.addFace('/System/Library/Fonts/Helvetica.dfont', 'bolder');
|
|
|
|
glob('../*.js', function (err, themePathList) {
|
|
themePathList.forEach(function (themePath) {
|
|
var themeName = path.basename(themePath, '.js');
|
|
var canvasList = [];
|
|
require(themePath);
|
|
echarts.util.each(options, function (option) {
|
|
var canvas = createCanvas();
|
|
var chart = echarts.init(canvas, themeName);
|
|
var optionNeedFix = option;
|
|
if (option.options) {
|
|
optionNeedFix = option.options[0];
|
|
}
|
|
canvasList.push(canvas);
|
|
optionNeedFix.animation = false;
|
|
optionNeedFix.textStyle = {
|
|
fontFamily: 'Helvetica',
|
|
fontSize: 12
|
|
};
|
|
chart.setOption(option);
|
|
chart.dispose();
|
|
});
|
|
|
|
var columnCount = 2;
|
|
var outputCanvas = new Canvas(WIDTH * columnCount, HEIGHT * canvasList.length / columnCount);
|
|
var outputCtx = outputCanvas.getContext('2d');
|
|
canvasList.forEach(function (canvas, idx) {
|
|
outputCtx.drawImage(canvas, idx % columnCount * WIDTH, Math.floor(idx / columnCount) * HEIGHT, WIDTH, HEIGHT);
|
|
});
|
|
|
|
fs.writeFileSync('../thumb/' + themeName + '.png', outputCanvas.toBuffer());
|
|
});
|
|
});
|
|
function createCanvas() {
|
|
var canvas = new Canvas(WIDTH, HEIGHT);
|
|
var ctx = canvas.getContext('2d');
|
|
ctx.addFont(font);
|
|
return canvas;
|
|
} |