在不显示图表的网页上本地运行 chart.js答案

【问题标题】：running chart.js locally on webpage not displaying charts在不显示图表的网页上本地运行 chart.js
【发布时间】：2023-02-14 11:19:01
【问题描述】：

我希望能够离线使用 chart,js 并在网页上本地运行它。

所以运行它的原始方法是获取以下内容：

<script src='https://cdn.jsdelivr.net/npm/chart.js'></script>

当我下载 github 文件时

https://github.com/chartjs/Chart.js/releases/download/v4.2.0/chart.js-4.2.0.tgz

我将内容打包到与我的 htm 页面处于同一级别的文件夹中或者我通过 npm 安装图表、js，并将文件复制/粘贴到与我的 htm 页面同一级别的文件夹中

然后我像这样获取 chart.js 文件

<script src='chart/dist/chart.js'></script>

它不起作用...... 我的图表不会加载。

我什至尝试复制文件的内容

https://cdn.jsdelivr.net/npm/chart.js

并将其粘贴到 chart.js 文件中，但它仍然没有显示我的图表，而如果我从上面的网站获取它，它会完美地显示我的图表

【问题讨论】：

标签： chart.js

【解决方案1】：

我遇到了同样的错误，我下载了包并将其解压到 www-root 下的 /scripts/chartjs/ 中。

该文件夹现在具有以下内容：

02/13/2023  08:59 PM    <DIR>          .
02/13/2023  08:59 PM    <DIR>          ..
02/13/2023  08:59 PM    <DIR>          auto
02/13/2023  08:59 PM    <DIR>          dist
02/13/2023  08:59 PM    <DIR>          helpers
10/26/1985  02:15 AM             1,093 LICENSE.md
10/26/1985  02:15 AM             4,359 package.json
10/26/1985  02:15 AM             2,640 README.md
               3 File(s)          8,092 bytes
               5 Dir(s)  711,093,805,056 bytes free

我在我的 html 标头中调用包

<script src="/scripts/chartjs/dist/chart.umd.js"></script>

有用。不幸的是，文档不是很清楚。

【讨论】：