如何显示来自另一个网站的交互式图形？
How to display interactive graphics from another website?
为了好玩，我尝试将整个网站的源代码复制到一个 .html 文件中，然后 运行 从我的桌面（而不是 public）本地复制它。虽然大部分内容都像在原始网站上显示的那样加载，但我无法显示交互式图表的实际内容。
例如，NOAA's Global Monitoring Laboratory 显示了基林曲线的交互式版本，其中有两个图形，可以从底部（时间范围）进行操作，悬停在上方以显示数字等。
它应该看起来像这样：
但是，我的本地文件如下所示：
如您所见，slope/plot 本身以及下面和旁边的一些其他功能都已丢失。我究竟做错了什么？显然，该网站的实际样式表缩短了文件路径（例如 /gmd/css/gmd.css），因此我确保在本地 HTML 文件中有直接链接（例如 https://esrl.noaa/gov/gmd/css/gmd.css）。
我在 Inspect Element 控制台的 Elements 选项卡中复制了整个 HTML 代码（<!DOCTYPE html> 之后的所有内容）。还有什么我应该添加到本地文件吗？
更新: 控制台中有一长串错误，但实际只有四行错误代码。错误和故障代码如下所示：
错误的第一个脚本标记（突出显示）包含拼写错误（/gov 而不是 .gov）。应该是：
https://esrl.noaa.gov/gmd/js/dygraph.min.js
而不是
https://esrl.noaa/gov/gmd/js/dygraph.min.js
您是直接从本地磁盘加载 HTML 吗？一般来说你.
您最好的选择是启动一个小型 HTTP 服务器并从那里加载内容。两个不错的选择是 Python 的 http.server:
python -m http.server
或节点的 http-server:
npm install --global http-server
http-server
为了好玩，我尝试将整个网站的源代码复制到一个 .html 文件中，然后 运行 从我的桌面（而不是 public）本地复制它。虽然大部分内容都像在原始网站上显示的那样加载，但我无法显示交互式图表的实际内容。
例如，NOAA's Global Monitoring Laboratory 显示了基林曲线的交互式版本，其中有两个图形，可以从底部（时间范围）进行操作，悬停在上方以显示数字等。
它应该看起来像这样：
但是，我的本地文件如下所示：
如您所见，slope/plot 本身以及下面和旁边的一些其他功能都已丢失。我究竟做错了什么？显然，该网站的实际样式表缩短了文件路径（例如 /gmd/css/gmd.css），因此我确保在本地 HTML 文件中有直接链接（例如 https://esrl.noaa/gov/gmd/css/gmd.css）。
我在 Inspect Element 控制台的 Elements 选项卡中复制了整个 HTML 代码（<!DOCTYPE html> 之后的所有内容）。还有什么我应该添加到本地文件吗？
更新: 控制台中有一长串错误，但实际只有四行错误代码。错误和故障代码如下所示：
错误的第一个脚本标记（突出显示）包含拼写错误（/gov 而不是 .gov）。应该是：
https://esrl.noaa.gov/gmd/js/dygraph.min.js
而不是
https://esrl.noaa/gov/gmd/js/dygraph.min.js
您是直接从本地磁盘加载 HTML 吗？一般来说你.
您最好的选择是启动一个小型 HTTP 服务器并从那里加载内容。两个不错的选择是 Python 的 http.server:
python -m http.server
或节点的 http-server:
npm install --global http-server
http-server