2013-08-07 38 views
0

我上傳了子域的以下index.html文件,並且它沒有正確加載。它只顯示標題標籤。谷歌圖表啓用頁面上傳到服務器時無法加載

我希望它加載時,我去xxx.myapp.com。 godaddy上的設置沒問題,因爲我看到標題,但頁面的其餘部分沒有渲染。此外,我看到服務器上的網絡請求什麼都沒有...

有什麼想法?

<!DOCTYPE html> 
<html> 
<head> 
    <title>MI Testing title</title> 

    <!--Load the AJAX API--> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript" src="http://www.myapp.com/JS/HelperFunctions.js"></script> 
    <script type="text/javascript" src="http://www.myapp.com/JS/Settings.js"></script> 

    <!-- zurb foundation--> 
    <link type="text/css" rel="stylesheet" href="http://www.myapp.com/foundation-4.3.1/CSS/foundation.css" /> 
    <link type="text/css" rel="stylesheet" href="http://www.myapp.com/foundation-4.3.1/CSS/foundation.min.css" /> 
    <link type="text/css" rel="stylesheet" href="http://www.myapp.com/foundation-4.3.1/CSS/normalize.css" /> 

    <!--Local css --> 
    <link type="text/css" rel="stylesheet" href="http://www.myapp.com/CSS/AnalyticsIndex.css"/> 

    <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript"> 


     // Load the Visualization API and the piechart package. 
     google.load('visualization', '1.0', {'packages':['corechart']}); 

     // Set a callback to run when the Google Visualization API is loaded. 
     google.setOnLoadCallback(drawCharts); 

     /* 
     Called when library loaded 
     */ 
     function drawCharts(){ 
      drawDailyAverageSessionLength(); 
      drawUsersGender(); 
     } 

     /* 
     Draws the chart for average session length by day 
     */ 
     function drawDailyAverageSessionLength() { 

      //Apit to get the data from 
      var api = GET_AVG_SESSIONS_URL+"2013/0/0"; 

      //Request data (using jquery/ajax) 
      $.getJSON(api,function(data){ 

       //Start a days and seconds array 
       var days = []; 
       var seconds = []; 

       //Init google data array 
       var googData = new google.visualization.DataTable(); 

       //Add X Y columns 
       googData.addColumn('string', 'days'); 
       googData.addColumn('number', 'seconds'); 

       //Init sort array 
       var sorted =[]; 

       //Parse the results to get the dates 
       for (var key in data){ 
        var date = new Date(key); 
        sorted.push(date); 
       } 

       //Sort the array 
       sorted.sort(sortDateArrayDescending); 

       //Split results 
       for (i=0;i<sorted.length;i++){ 

        //Get the date object 
        var day = sorted[i]; 

        //Add 1 to month 
        var month = day.getMonth()+1; 

        //Parse to string 
        var newKey = day.getFullYear()+'-'+month+'-'+day.getDate(); 

        var short = month+'/'+day.getDate(); 

        //Add date to days array 
        days.push(short); 

        //Add to integer array 
        seconds.push(parseInt(data[newKey])); 
       } 

       //Parse to google data 
       for (i=0; i<days.length;i++){ 
        googData.addRow([days[i], seconds[i]]); 
       } 

       // Set chart options 
       var options = {'title':'Average session length (NOT ACCURATE since end of sessions aren\'t being tracked)', 
        'width':1200, 
        'height':400}; 

       // Instantiate and draw our chart, passing in some options. 
       var chart = new google.visualization.LineChart(document.getElementById('averageSessionLengthChart')); 
       chart.draw(googData, options); 
      }); 
     } 

     /* 
     Draws the chart for average session length by day 
     */ 
     function drawUsersGender() { 

      //Apit to get the data from 
      var api = GET_USERS_SEX; 

      //Request data (using jquery/ajax) 
      $.getJSON(api,function(data){ 

       //Start a days and seconds array 
       var result = [['gender', 'number']]; 

       //Iterate over the genders 
       for (var gender in data){ 

        //Get the value pair and push 
        var entry = [gender, parseInt(data[gender])]; 
        result.push(entry); 
       } 

       //Parse to google data 
       var data = google.visualization.arrayToDataTable(result); 

       //Display options 
       var options = { 
        title:'Gender for registered users', 
        'width':600, 
        'height':400 
       }; 

       //Draw the chart 
       var chart = new google.visualization.PieChart(document.getElementById('genderChart')); 
       chart.draw(data, options); 
      }); 
     } 

    </script> 

</head> 
<body> 

    <div class="row"> 

     <div id = "averageSessionLengthChart" class="large-12 small-12 columns"> 
     </div> 
    </div> 

    <div class="row"> 

     <div id = "genderChart" class="large-12 small-12 columns"> 
     </div> 
    </div> 

</body> 
</html> 
+0

你在哪裏存儲數據?我沒有得到 var api = GET_AVG_SESSIONS_URL +「2013/0/0」;' – CCH

+0

它的另一個settings.js文件 –

+0

我得到的GET請求被JQuery取消,它可能是我的標題在答覆上(來自我的java服務器) –

回答

1

嘗試從您的網絡之外的PC一個developper控制檯,看看有什麼請求發送(按「F12」上的Chrome或火狐安裝Firebug擴展)。 應該有一個「網絡」選項卡,顯示從該頁面發出的請求。 也許它會幫助你理解發生了什麼。

相關問題