莫里斯JS和笨從控制器傳遞數據

我有以下的控制器，其從我的質數據庫選取的數據：莫里斯JS和笨從控制器傳遞數據

功能chart_js（）{

$rows = ''; 
    $query = "SELECT clnt_id,date_added FROM job_card ORDER BY date_added DESC LIMIT 0, 5"; 
    $result = $this->db->query($query); 
    $total_rows = $result->num_rows; 
    if ($result) { 
     $rows = $result->result_array(); 
    } 
    print json_encode($rows, JSON_NUMERIC_CHECK); 

}

並將其傳遞以下列格式來json_encode：

[{"clnt_id": 10, "date_added": "2015-11-02 12:28:01"}, {"clnt_id": 11, "date_added": "2015-11-01 07:06:56"} , {"clnt_id": 9, "date_added": "2015-10-30 22:14:48"}, {"clnt_id": 7, "date_added": "2015-10-30 06:15:55"}, {"clnt_id": 10, "date_added": "2015-10-30 06:03:50"}]

上面的數據是確切的返回數據格式。我已經使用上面的數據來繪製一個靜態線圖，它工作得很好。下面是我的看法：

<body class="nav-md"> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <i class="fa fa-bar-chart-o fa-fw"></i> Account Registrations Past 7 days 
      </div> 
      <!-- /.panel-heading --> 
      <div class="panel-body"> 
       <div id="acctregs" style="height: 300px;"></div> 
      </div> 
      <!-- /.panel-body --> 
     </div> 



     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 


     <script> 
      $(document).ready(function() { 
       var acct_regs = [{"clnt_id": 10, "date_added": "2015-11-02 12:28:01"}, {"clnt_id": 11, "date_added": "2015-11-01 07:06:56"} 
        , {"clnt_id": 9, "date_added": "2015-10-30 22:14:48"}, {"clnt_id": 7, "date_added": "2015-10-30 06:15:55"}, {"clnt_id" 
           : 10, "date_added": "2015-10-30 06:03:50"}]; 
       var acctregs = new Morris.Line({ 
        // ID of the element in which to draw the chart. 
        element: 'acctregs', 
        // Chart data records -- each entry in this array corresponds to a point on 
        // the chart. 
        data: acct_regs, 
        // The name of the data record attribute that contains x-values. 
        xkey: 'date_added', 
        // A list of names of data record attributes that contain y-values. 
        ykeys: ['clnt_id'], 
        // Labels for the ykeys -- will be displayed when you hover over the 
        // chart. 
        labels: ['Value'], 
        dateFormat: function (x) { 
         return new Date(x).toString().split("00:00:00")[0]; 
        } 
       }); 
      }); 

     </script> 

</body>

然而，當我嘗試檢索從通過更換VAR acct_regs與DBASE交互控制器這樣的數據：

var acct_regs = "<?php echo site_url('operations/char_js'); ?>";

我收到以下錯誤：

TypeError: a is undefined 
    ...,h,i,j,k,l;return"number"==typeof a?a:(c=a.match(/^(\d+) Q(\d)$/),e=a.match(/^(\...

from morris.min.js。將這些數據從控制器傳遞到視圖以便顯示動態圖形的最佳方法是什麼？

來源

2015-11-03 H Dindi

嘗試添加'標題（ '內容類型：應用程序/ JSON'）;'的'chart_js（）' – madalinivascu

可能[JavaScript關閉如何工作？]（http://stackoverflow.com/questions/111102/how-do-javascript-closures-work） –

您需要阿賈克斯數據使用$.getJSON

嘗試：

$.getJSON("<?php echo site_url('operations/char_js'); ?>", function (json) { 
      var acctregs = new Morris.Line({ 
         // ID of the element in which to draw the chart. 
         element: 'acctregs', 
         // Chart data records -- each entry in this array corresponds to a point on 
         // the chart. 
         data: json, 
         // The name of the data record attribute that contains x-values. 
         xkey: 'date_added', 
         // A list of names of data record attributes that contain y-values. 
         ykeys: ['clnt_id'], 
         // Labels for the ykeys -- will be displayed when you hover over the 
         // chart. 
         labels: ['Value'], 
         dateFormat: function (x) { 
          return new Date(x).toString().split("00:00:00")[0]; 
         } 
        }); 
     });

來源

2015-11-03 09:48:40 madalinivascu

莫里斯JS和笨從控制器傳遞數據

回答

相關問題