为什么我得到 Highcharts 未定义?

问题描述 投票:0回答:1

我在几个项目上与图书馆合作了近一年,昨天它像往常一样工作完美,但今天我在所有项目上都遇到了错误:

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>

javascript highcharts
1个回答
0
投票

这是始终使用最新版本的风险,该版本可以随时更新而无需测试。使用 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>

这样做,您就不会对任何“损坏”的版本感到惊讶。

© www.soinside.com 2019 - 2024. All rights reserved.