javascript - 如何显示来自另一个网站的交互式图形？

为了好玩，我试图将整个网站的源代码复制到一个 .html 文件中，并从我的桌面（非公开）在本地运行它。虽然几乎所有内容都像原始网站上显示的那样加载，但我在显示交互式图表的实际内容时遇到了麻烦。

例如，NOAA 的全球监测实验室显示了 Keeling 曲线的交互式版本，其中包含两个可以从底部（时间范围）操作的图表，悬停在上面以显示数字等。

它应该看起来像这样：

但相反，我的本地文件如下所示：

如您所见，斜率/地块本身以及下方和侧面的其他一些特征都丢失了。我究竟做错了什么？显然，网站的实际样式表已经缩短了文件路径（例如/gmd/css/gmd.css），所以我确保本地 HTML 文件中有直接链接（例如https://esrl.noaa/gov/gmd/css/gmd.css）。

我在 Inspect Element 控制台的 Elements 选项卡中复制了整个 HTML 代码（之后的所有内容<!DOCTYPE html>）。还有什么我应该添加到本地文件中的吗？

更新：控制台中有很长的错误列表，但实际上只有四行错误代码。错误和错误代码如下所示：

标签： javascripthtmljquerycsvdygraphs

错误的第一个脚本标记（突出显示）包含拼写错误（/gov而不是.gov）。它应该是：

https://esrl.noaa.gov/gmd/js/dygraph.min.js

代替

https://esrl.noaa/gov/gmd/js/dygraph.min.js