TypeError：highcharts不是函数

Question

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

访问该图表

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

获取图表时

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

在此页HighChart.js中，我添加了exporting.js和jquery.min.js，而在主页中我添加了highstock.js和exporting.js

有人能帮忙吗？

Answer 1

您应该按以下顺序放置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上面。

Answer 2

此错误表示您尚未包含Highcharts / Highstock，或者您正在尝试在加载Highcharts / Highstock之前创建图表。确保在加载DOM后使用此方法：

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

Answer 3

使用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>