echarts用于node中导出PDF

新手上路,请多包涵

问题描述

const jsdom = require("jsdom");
const echarts = require('echarts')
var d3 = require('d3');
const { JSDOM } = jsdom;
const html2canvas = require('html2canvas')
const {createCanvas} = require('canvas')
require('zrender/lib/svg/svg');

const myPDFcanvas = createCanvas(600, 800)
echarts.setCanvasCreator(() =>  myPDFcanvas)
console.log(containerDom,'containerDom')
const chart = echarts.init(containerDom, null, {
    renderer:'canvas',
})

问题出现的环境背景及自己尝试过哪些方法

这样写终端一直报错 “
dyld: lazy symbol binding failed: Symbol not found: __ZN2v87Isolate19CheckMemoryPressureEv”

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
// 线性 chart
const jsdom = require("jsdom");
const echarts = require('echarts')
var d3 = require('d3');
const { JSDOM } = jsdom;
const html2canvas = require('html2canvas')
const {createCanvas} = require('canvas')
require('zrender/lib/svg/svg');
const PNG = require('./png.js')
function chart(doc){

const myPDFcanvas = createCanvas(600, 800)
echarts.setCanvasCreator(() =>  myPDFcanvas)
console.log(containerDom,'containerDom')
const chart = echarts.init(containerDom, null, {
    renderer:'canvas',
})
var option = {
    backgroundColor: 'white',
    title: {
        text: 'ECharts '
    },
    animation:false,
    tooltip: {},
    legend: {
        data: ['11']
    },
    xAxis: {
        data: ["121", "1212", "1212", "121212", "12121212", "121212"]
    },
    yAxis: {},
    series: [{
        name: '112',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};
chart.setOption(option);
doc.image(chart.getDataURL(), 54, 168, {width:500,height:300}).stroke();
// html2canvas(chart, {
    // onrendered: function(canvas) {
        // console.log(canvas,'canvas')
        // document.body.appendChild(canvas);
    // }
// });

}
module.exports = {

chart

}

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 2.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题