2011-10-23 23 views
-2

誰かがjavascript(タイプ:負荷)の意味を知っていますか?私はイベントを集めますが、そのオブジェクトはオブジェクトでなければなりません。javascript(種類:読み込み)?

アドバイスがあります。

BREAK - > var data = new google.visualization.DataTable(jsonData.jsonObj); Googleのチャートで作業

....

charts.js

(function($){ 


    var charts = { 

     init: function(){ 

      this.services(); 
     }, 
     services: function(){ 
      var data = { 
       uri : SITEURL + '/moduleTest/servicelist', //siteurl defined in index.php 
       div : 'service-chart', 
       title : 'Service List' 
      } 
      charts.ajaxCallback(data); 
     }, 
     ajaxCallback : function(data){ 
      $.ajax({ 
       url : data.uri, 
       type : 'POST', 
       dataType : 'json', 
       success : function(callback){ 

        var jsonData = { 
         div : data.div, 
         jsonObj : callback, 
         title : data.title 
        } 
        drawCharts(jsonData); 

       } 
      }); 
     } 

    } 

    $(function(){ 
     charts.init(); 
    }); 

})(jQuery); 

google.load('visualization', '1.0', {'packages':['corechart']}); 

google.setOnLoadCallback(drawCharts); 

function drawCharts(jsonData){ 

    var data = new google.visualization.DataTable(jsonData.jsonObj);//Break point (type : load) 

    var options = 
     { 
      'title': jsonData.title, 
      'width':250, 
      'height':300 
     }; 

    var chart = new google.visualization.PieChart(document.getElementById(jsonData.div)); 
    chart.draw(data, options); 

} 

Services.php(機能試験)

public function servicelist(){ //TEST data 
     if($this->input->is_ajax_request()){ 
      echo " 
       { 
        cols: [{id: 'task', label: 'Employee Name', type: 'string'}, 
          {id: 'startDate', label: 'Start Date', type: 'date'}], 
        rows: [{c:[{v: 'Mike'}, {v: new Date(2008, 1, 28), f:'February 28, 2008'}]}, 
          {c:[{v: 'Bob'}, {v: new Date(2007, 5, 1)}]}, 
          {c:[{v: 'Alice'}, {v: new Date(2006, 7, 16)}]}, 
          {c:[{v: 'Frank'}, {v: new Date(2007, 11, 28)}]}, 
          {c:[{v: 'Floyd'}, {v: new Date(2005, 3, 13)}]}, 
          {c:[{v: 'Fritz'}, {v: new Date(2011, 6, 1)}]} 
          ] 
        } 

       "; 
     } 
    } 

[OK]を私は何の意味もなされていないかもしれません質問(それは午前6時)と一緒に。

jsonオブジェクトをmy google chartsコンストラクタ(drawCharts())に渡しています。

var jsonData = { 
         cols: [{id: 'task', label: 'Employee Name', type: 'string'}, 
           {id: 'startDate', label: 'Start Date', type: 'date'}], 
         rows: [{c:[{v: 'Mike'}, {v: new Date(2008, 1, 28), f:'February 28, 2008'}]}, 
           {c:[{v: 'Bob'}, {v: new Date(2007, 5, 1)}]}, 
           {c:[{v: 'Alice'}, {v: new Date(2006, 7, 16)}]}, 
           {c:[{v: 'Frank'}, {v: new Date(2007, 11, 28)}]}, 
           {c:[{v: 'Floyd'}, {v: new Date(2005, 3, 13)}]}, 
           {c:[{v: 'Fritz'}, {v: new Date(2011, 6, 1)}]} 
           ] 
         } 

    console.log(typeof jsonData) === object // Correct, what I expect! 
    console.log(jsonData) === load // not what I expect, I expect json object 
+2

コメントは別として、コードに 'type:load'については何がありますか? –

+0

@Matt関数drawCharts(jsonData){} // firebugログjsonData = load – Philip

+0

申し訳ありませんが、私はまだ理解しません。あなたが話していることを明確にすることができますか? [SSCCE](http://sscce.org)は非常に便利です。 [jsFiddle](http://jsfiddle.net)は、web dev SSCCEにとって便利なツールです。 –

答えて

0

これは、コード内でこのコメントのように私には見えます:

//Break point (type : load) 

は、ページのロード時にここで設定したブレークポイントが存在すべきであることを、いくつかのエージェント(特定のコメントを探して、おそらくデバッガ)を意味。

関連する問題