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.
82 lines
2.8 KiB
82 lines
2.8 KiB
/*
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
|
|
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;
|
|
}
|