jquery - 类型错误：highcharts 不是函数

Question

我有一个主页，其中一个名为容器的 div 由图表呈现。在初始加载时，图表可通过以下方式访问pinnedChart = $("#container").highcharts()

div 像$("#container")load("HighChart.jsp")在 JS 中一样刷新，之后我尝试使用pinnedChart = $("#container").highcharts(),

它抛出一个exception Error: TypeError: $(...).highcharts不是函数。

在此页面中，HighChart.js我包含了exporting.jsand jquery.min.js，而在主页中，我包含了highstock.jsandexporting.js

有人可以帮忙吗？

score 2 · Accepted Answer

您应该按以下顺序放置 java 脚本：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

这肯定会奏效。将 Jquery 文件放在 highchart.js 之上。

score 0 · Accepted Answer

此错误意味着您没有包含 Highcharts/Highstock 或者您正在尝试在加载 Highcharts/Highstock 之前创建图表。确保在加载 DOM 后使用此方法：

$(function () { 
    /* put your code inside */ 
})()

score 0 · Accepted Answer

使用var chart = new Highcharts.Chart({ 而不是$('#container').highcharts({

或者可能的解决方案是 jquery 和 highchart 脚本的顺序，它应该是

<script src="js/jquery-2.0.2.min.js"></script>  
    <script src="js/highcharts.js"></script>  
    <script src="js/drilldown.js"></script>

3 回答 3