Javascript 将图表元素转换为返回空图像的图像

我从外部端点检索了一些数据，然后使用apex图表将这些数据呈现到图表中。由于我希望能够将此图表下载到PDF中，所以我正在使用jsPDF尝试生成PDF

但是，由于它不是图像，我无法使用addImage将其添加到中。当我使用addHTML时，它只添加原始数据，而不是图表本身。因此，我试图使用html2canvas将图表转换为图像，但在某个地方出现了错误。虽然生成了PDF，但尽管函数已运行（使用基本console.log调用进行测试），但该文件上没有图像。以下是我的转换代码：

  function download() {
    let input = window.document.getElementsByName("graph");

    html2canvas(input).then(canvas => {
      const img = canvas.toDataURL("image/png");
      const pdf = new jsPDF();
      pdf.addImage(
        img, 
        "png");
      pdf.save("chart.pdf");
      })

图表本身是使用以下代码生成的：

 <Chart className="responseGraph1" id="graph" options={options}  series={series} type="area" width={'90%'} height={'80%'}/>

此图表的数据从端点生成，并按预期工作。我的问题是，我使用html2canvas是错误的，还是这里发生了其他事情？如有任何帮助/指导，我将不胜感激