EvoPdf 7.5无法渲染Chart.js图表问题求助

架构老林

2026-6-14

EvoPdf 7.5 无法渲染 Chart.js 图表的解决办法

关键排查与修复步骤

增加JavaScript执行延迟：Chart.js渲染需要时间，EvoPdf默认的JS超时可能不足以完成图表绘制。添加延迟配置：
```
htmlToPdfConverter.JavaScriptDelay = 3000; // 可根据图表复杂度调整为2000-5000毫秒
```
降低Chart.js版本：EvoPdf 7.5基于旧版WebKit内核，对ES6+语法支持有限。新版Chart.js（3.x及以上）依赖较多新特性，建议切换到兼容ES5的2.9.x版本。

确保DOM加载完成后渲染图表：将图表初始化代码放在DOM加载完成事件中，避免EvoPdf抓取页面时图表还未开始渲染：

document.addEventListener('DOMContentLoaded', function() {
    const ctx = document.getElementById('salesChart').getContext('2d');
    new Chart(ctx, {
        type: 'bar',
        data: { /* 你的数据配置 */ },
        options: { /* 你的选项配置 */ }
    });
});

使用绝对路径加载Chart.js：确保EvoPdf能正确获取资源，避免相对路径导致的加载失败，比如用完整CDN地址：
```
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script>
```
启用页面等待加载模式：改用LoadHtmlAndWait方法加载内容，确保页面所有资源和JS执行完成后再转换：
```
var pdfDocument = htmlToPdfConverter.LoadHtmlAndWait(htmlContent, Request.Url.AbsoluteUri);
```