如何将Chart.js安装为文件?

tzdcorbm  于 2023-10-18  发布在  Chart.js
关注(0)|答案(1)|浏览(160)

我正在尝试用Chart.js替换Flot.js。在我的应用程序中,Flot.js是作为一个普通的JavaScript文件包含的,如下所示:

<script language="javascript" type="text/javascript" src="jquery.flot-0.8.3.js"></script>

我正在寻找一种方法来为Chart.js做同样的事情。
Chart.js GitHub页面的releases部分有可供下载的包。例如,我从它的v4.4.0 .tgz包中找到了package/dist/chart.js文件,并将其包含在我的应用程序中。执行此操作后,控制台将报告错误
未捕获的语法错误:导入声明只能出现在模块图表的顶层。js:7:1
(In事实上,chart.js的第一个非注解行是一个import语句:

/*!
 * Chart.js v4.4.0
 * https://www.chartjs.org
 * (c) 2023 Chart.js Contributors
 * Released under the MIT License
 */
import { r as requestAnimFrame, a as resolve, e as effects, c as color, i as isObject, d as defaults, b as isArray, v as valueOrDefault, u as unlistenArrayEvents, l as listenArrayEvents, f as resolveObjectKey, ...

所以我不知道该怎么解释这个错误chart.js不是chart.js模块的顶层吗?如果不是,那是什么?)
此外,当我插入Chart.js docs中给出的“Hello world”示例时,页面上没有创建任何图表,控制台还报告了错误
未捕获的引用错误:未定义图表
我通过CDN page找到了类似的文件。这些文件似乎与Chart.js GitHub中的包文件内容相同,当我将它们包含在应用程序中时,我得到了相同的结果。
我发现了类似的问题here,其中唯一有用的答案并没有提供比我已经尝试过的更多的细节,而here,其中唯一的答案是使用CDN,这不是我想要的。
有没有办法将Chart.js作为第一方文件合并?

mrwjdhj3

mrwjdhj31#

你需要使用chart.js的UMD版本,然后它会正常工作:https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.js

相关问题