在页面加载之前/期间加载 Google 可视化 API

Question

我所处的场景是，我需要显示一个可呈现的谷歌图表，并准备好在整个页面加载“之前”显示。我尝试使用“ignoreWindowOnLoad”属性加载模块，混淆不同的异步调用方法和不同版本的 API。我还尝试通过以下方式加载脚本：

<script type="text/javascript" src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"current","packages":["gauge"],"ignoreWindowOnLoad":true}]}'></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
google.load("visualization", "current", { packages: ["corechart"], ignoreWindowOnLoad: true});

问题是，当页面加载时，我尝试在加载后立即绘制图表，我得到一个异常：

Uncaught TypeError: Cannot read properties of undefined (reading 'arrayToDataTable')
    at drawChart

我使用 ASP.NET（不是 Core）作为在我的场景中，使用 Node.js 等 SSR 技术并不是一个可行的选择，但如果我可以在没有框架的情况下实现 SSR（如果它不是一个过度杀伤性的解决方案），那可能是可以接受的。如果我在页面完全加载后调用drawChart，图表加载正常。

基本上，我正在寻找一种方法来确保所有与可视化相关的 API 在页面呈现之前完全加载，因此单个 Web 请求可以拉取整个页面及其内容（包括图表）。任何有关如何实现这一目标的建议将不胜感激。