import * as echarts from 'echarts';
|
import { smallLineOption, baseVisualMap } from '@/utils/chart/chart-option';
|
|
/**
|
* 使用echarts生成图表并转换为base64图片
|
* @returns {string} 图表的base64编码图片
|
*/
|
function generateEchartsImage(params, exceptionIndexArr, yMinInterval) {
|
// 1. 创建临时DOM元素
|
const div = document.createElement('div');
|
// div.style.width = '330px';
|
// div.style.height = '160px';
|
div.style.width = '800px';
|
div.style.height = '400px';
|
document.body.appendChild(div);
|
|
// 2. 初始化echarts实例
|
const myChart = echarts.init(div);
|
|
// 3. 准备测试数据
|
const { xAxis, series } = params;
|
const option = smallLineOption(
|
xAxis,
|
series,
|
yMinInterval,
|
'light',
|
true,
|
false,
|
{ left: '7%', right: '7%', top: '10%', bottom: '10%' },
|
series.name
|
);
|
if (exceptionIndexArr) {
|
const visualMap = baseVisualMap(exceptionIndexArr);
|
option.visualMap = visualMap;
|
}
|
|
// 4. 设置图表配置项
|
myChart.setOption(option);
|
|
// 5. 将图表转换为base64图片
|
const imageBase64 = myChart.getDataURL({
|
type: 'png',
|
pixelRatio: 2, // 提高图片清晰度
|
backgroundColor: '#fff'
|
});
|
|
// 6. 销毁实例并移除临时DOM
|
myChart.dispose();
|
document.body.removeChild(div);
|
|
return imageBase64;
|
}
|
|
export default { generateEchartsImage };
|
