Highcharts：未捕获类型错误：$(...).highcharts 不是函数

JS

使用 Highcharts 时，有时会遇到错误信息："未捕获类型错误：$(...).highcharts 不是函数"。这个错误通常是由于没有正确引入 Highcharts 库或者引入的库版本不兼容所导致的。本文将为大家介绍如何解决这个错误，并提供一个示例代码来帮助读者更好地理解。

html
<script src="https://code.highcharts.com/highcharts.JS"></script>
<script src="https://code.highcharts.com/themes/highcharts.JS"></script>

html
<div id="contAIner"></div>
<script>
  // 数据
  const data = [5, 10, 15, 20, 25];
  // 创建图表
  Highcharts.chart('contAIner', {
    chart: {
      type: 'column'
    },
    title: {
      text: '柱状图示例'
    },
    xAxis: {
      categories: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
      title: {
        text: '数值'
      }
    },
    series: [{
      name: '数据',
      data: data
    }]
  });
</script>