2014-10-06 74 views
0

出於某種原因,showLoading()方法出現錯誤,指出它未定義。我仔細看了一下chrome調試器,看起來圖表變量永遠不會被初始化。我該如何解決?HighCharts無法顯示加載符號。變量超出範圍

我有以下JS:

$(document).ready(function() { 



//Stops the submit request 
$("#dashBoardRequestForm").submit(function(e){ 
    e.preventDefault(); 
}); 

//checks for the button click event 
$("#submitButton").click(function(e){ 
    chart = $('#graph1').highcharts(); 
    console.log("Entered"); 
    //get the form data and then serialize that 
    dataString = $("#dashBoardRequestForm").serialize(); 

    chart.showLoading(); 
...Some Ajax Calls and Stuff... 

在我的HTML文件中的相應的div如下:

<div class="container" id="anotherSection" style="max-width : 90%; width: 90%;"> 
<fieldset> 
    <legend>Graphs:</legend> 
    <div id="graph1" style="width: 33%; height: 28%; margin : 0; float: left;"></div> 
    <div id="graph2" style="width: 33%; height: 28%; margin : 0;float: left;"></div> 
    <div id="graph3" style="width: 33%; height: 28%; margin : 0;float: left;"></div> 

</fieldset> 

+0

在聲明/初始化變量時總是使用'​​var'。這可能是你的問題。 – Antiga 2014-10-06 20:51:17

+0

試過了。沒有工作。我做了var chart =而不是圖表=。仍然給出相同的結果。 – Amitash 2014-10-06 20:54:10

+0

您可以在jsfiddle上將您的示例重新創建爲現場演示嗎? – 2014-10-07 06:08:53

回答

0

我只能猜測的問題是什麼。當使用點擊#submit-button時,我希望你已經創建了圖表。如果不是,那就是問題所在。因此,這是正確的過程:

  • 創建圖表(使用$("#container").highcharts({ ... }); - 注:選擇對象)
  • 得到圖(使用var chart = $("#container").highcharts(); - 注:不帶選項,它的getter)
  • 現在用您的變量來展示裝載機:chart.showLoading()