小编Dea*_*ean的帖子

我尝试在隐藏的 div 上使用Chart.js渲染许多图表，然后将它们转换为图像以在 PDF 报告中使用。

我的问题是：如果图表未在 DOM 上呈现，我无法捕获它并将其绘制在canvas. 在图表显示之前，它不会呈现。我尝试使用draw和renderfrom的方法chart.js，但它们没有产生预期的结果。

这是我的 HTML 示例：

<div style="display: none;">
  <canvas id="myChart"></canvas>
</div>

以及我对应的 JavaScript：

var canvas: any = document.getElementById('myChart');
var ctx: any = canvas.getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',
    // The data for our dataset
    data: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [{
            label: 'My First dataset',
            backgroundColor: …