我在几个项目上与图书馆合作了近一年,昨天它像往常一样工作完美,但今天我在所有项目上都遇到了错误:
Uncaught ReferenceError: Highcharts is not defined
我使用普通 JavaScript、HTML 和 CSS,因为这是我们工作的方式,因此我在 HTML head 标签上导入 CDN。
我尝试使用 Highcharts GTP 并测试一个简单的代码以确保 CDN 正常工作,但我在本地测试中也遇到了相同的错误。这是 de AI 提供给我的代码:
<!DOCTYPE html>
<html>
<head>
<title>Stock Chart Example</title>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
</head>
<body>
<div id="container" style="height: 400px; min-width: 310px"></div>
<script>
document.addEventListener("DOMContentLoaded", function () {
Highcharts.stockChart("container", {
rangeSelector: {
selected: 1,
},
title: {
text: "AAPL Stock Price",
},
series: [
{
name: "AAPL",
data: [
[Date.UTC(2021, 0, 1), 132.43],
[Date.UTC(2021, 1, 1), 126.6],
[Date.UTC(2021, 2, 1), 123.9],
[Date.UTC(2021, 3, 1), 134.16],
[Date.UTC(2021, 4, 1), 127.79],
[Date.UTC(2021, 5, 1), 139.91],
[Date.UTC(2021, 6, 1), 145.11],
[Date.UTC(2021, 7, 1), 156.3],
[Date.UTC(2021, 8, 1), 145.0],
[Date.UTC(2021, 9, 1), 149.55],
[Date.UTC(2021, 10, 1), 161.0],
[Date.UTC(2021, 11, 1), 177.57],
],
tooltip: {
valueDecimals: 2,
},
},
],
});
});
</script>
</body>
</html>
这是始终使用最新版本的风险,该版本可以随时更新而无需测试。使用 highcharts CDN 时,您应该指定您想要的具体版本。
当前版本(截至 2024 年 12 月 20 日)是 12.1.1,已于今天发布。
之前的版本 12.1.0 于 2024 年 12 月 17 日发布,可能适合您。
更新您的脚本标签以明确使用此版本:
<script src="https://code.highcharts.com/stock/12.1.0/highstock.js"></script>
这样做,您就不会对任何“损坏”的版本感到惊讶。