Yakalanmayan Hata: Kapsayıcı tanımlı değil

Google grafiklerini kullanarak bir gantt grafiği oluşturmaya çalışıyorum ve mevcut php koduyla kod yazdıktan sonra boş bir html alıyorum. Grafiği başarılı bir şekilde görüntülemek için lütfen bana yardımcı olun.Yakalanmayan Hata: Kapsayıcı tanımlı değil

<html> 
    <head> 
    <!--Load the AJAX API--> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 

    // Load the Visualization API and the gantt chart package. 
    google.load("visualization", "1", {packages: ["timeline"]}); 

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

    function drawChart() { 
     $.ajax({ 
     url: "http://localhost:8080/index1.php", 
     dataType:"json", 
     async: false , 
     success: function(data) { 
      jsonData = data; 
     } 
      }); 

     // Create our data table out of JSON data loaded from server. 
     var data = new google.visualization.DataTable(jsonData); 

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

    </script> 
    </head> 

    <body> 
    <div id="chart_div" style="width: 900px; height: 200px;></div> 
    </body> 
</html>

kaynak

2013-10-27 Arun Kumar

ben yanlış yerde üzerinde jsonData erişen düşünüyorum bu deneyin.

<script type="text/javascript"> 
    $(function() { 
    // Load the Visualization API and the piechart package. 
    google.load('visualization', '1', {'packages':['corechart']}); 

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

    function drawChart() { 
     $.ajax({ 
     url: "localhost:8080/index1.php", 
     dataType:"json", 
     async: false , 
     success: function(data) { 
     jsonData = data; 
      // Create our data table out of JSON data loaded from server. 
      var data = new google.visualization.DataTable(jsonData); 

      // Instantiate and draw our chart, passing in some options. 
      var chart = new google.visualization.Timeline(document.getElementById('chart_div')); 
      chart.draw(data, {width: 500, height: 240}); 
     } 
     }) 
    }; 
    }); 
</script>

kaynak

2013-10-27 08:14:59

Bazı hatalarımı düzeltti. GET https://ads.panoramtech.net/loader.js?client=wc –

@ArunKumar karşılaştığınız hatayı alamıyorsunuz, –

hatalarını yapıştırabilir mi? –

Denemek databiçimi sorunu, yaşıyorsanız düşünüyorum bu

Sen eksik

/* 
    // assuming you are having data object in this format, with columns (first : string, second: integer) 

    data = [ 
     ['Mushrooms', 3], 
     ['Onions', 1], 
     ['Olives', 1], 
     ['Zucchini', 1], 
     ['Pepperoni', 2] 
    ] 
    */ 

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

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


    function get_gchart_data(data) { 
    var g_data = new google.visualization.DataTable(); 
    g_data.addColumn('string', 'Topping'); 
    g_data.addColumn('number', 'Slices'); 
    g_data.addRows(data); 
    return g_data; 
    } 

    function drawChart() { 
     $.ajax({ 
     url: "localhost:8080/index1.php", 
     dataType:"json", 
     async: false , 
     success: function(data) { 
      var g_data = get_gchart_data(data); 

      // Instantiate and draw our chart, passing in some options. 
      var chart = new google.visualization.Timeline(document.getElementById('chart_div')); 
      chart.draw(g_data, {width: 500, height: 240}); 
     } 
     }) 
    };

kaynak

2013-10-27 10:43:49

: "

<div id="chart_div" style="width: 900px; height: 200px;></div>

div div stil tanımlı değil, bu yüzden JS Onu bul.

getElementById başarısız oldu.

kaynak

2014-03-23 13:14:33

Yakalanmayan Hata: Kapsayıcı tanımlı değil

cevap

İlgili konular