Chart.js chartjs-node-canvas此._chartJs不是构造函数

2skhul33  于 2023-03-02  发布在  Chart.js
关注(0)|答案(1)|浏览(191)

我尝试在后端使用Chart.js创建图表,我遵循了chartjs-node-canvas,但得到了TypeError: this._chartJs is not a constructor我的Chart. js版本是4.2.0chartjs-node-canvas版本是3.2.0
我认为版本是冲突的,但不太确定,所以请帮助我提前感谢:)
这是密码

const { ChartJSNodeCanvas } = require('chartjs-node-canvas');
const width = 400;
const height = 400;
const chartCallback = (ChartJS) => {};
const chartJSNodeCanvas = new ChartJSNodeCanvas({ width, height, chartCallback });

(async () => {
  const configuration = {
  type: 'bar',
   data: {
     labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
      datasets: [
       {
         label: '# of Votes',
         data: [12, 19, 3, 5, 2, 3],
         backgroundColor: [
           'rgba(255, 99, 132, 0.2)',
           'rgba(54, 162, 235, 0.2)',
        'rgba(255, 206, 86, 0.2)',
        'rgba(75, 192, 192, 0.2)',
        'rgba(153, 102, 255, 0.2)',
        'rgba(255, 159, 64, 0.2)'
      ],
      borderColor: [
        'rgba(255,99,132,1)',
        'rgba(54, 162, 235, 1)',
        'rgba(255, 206, 86, 1)',
        'rgba(75, 192, 192, 1)',
        'rgba(153, 102, 255, 1)',
        'rgba(255, 159, 64, 1)'
      ],
      borderWidth: 1
    }
  ]
},
options: {
  scales: {
    yAxes: [
      {
        ticks: {
          beginAtZero: true,
          callback: (value) => '$' + value
        }
      }
    ]
  }
}
};
 const image = await chartJSNodeCanvas.renderToBuffer(configuration);
 const dataUrl = await chartJSNodeCanvas.renderToDataURL(configuration);
 const stream = chartJSNodeCanvas.renderToStream(configuration);
 })();
ix0qys7i

ix0qys7i1#

正如chartjs-node-canvas自述文件所述,您需要chart.js版本3.x.x

相关问题