title: Coudn't get result of highchart
body: <p>I am using <code>highchart</code>, it gives result. </p>
  
  <p>But, when I am going to make date range, nothing is happening and even my result goes blank!</p>
  
  <p>I just want to find where I am wrong!</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() 
      {
          var options = { 
              chart: 
              {
                  renderTo: 'container',
                  type: 'column',                                
                  marginRight: 130,
                  marginBottom: 25
              },
              rangeSelector: 
              {
                  selected: 1,
                  inputDateFormat: '%Y-%m-%d',
                  inputEditDateFormat: '%Y-%m-%d'
              },
              title: 
              {
                  text: 'Project Requests',
                  x: -20 //center
              },
              subtitle: 
              {
                  text: '',
                  x: -20
              },
              xAxis: 
              {
                  categories: []
              },
              yAxis: 
              {
                  title: 
                  {
                      text: 'Requests'
                  },
                  plotLines: [{
                      value: 0,
                      width: 1,
                      color: '#808080'
                  }]
              },
              tooltip: 
              {
                  formatter: function() {
                      return '&lt;b&gt;'+ this.series.name +'&lt;/b&gt;&lt;br/&gt;'+this.x +': '+ this.y;
                  }
              },
              legend: 
              {
                  layout: 'vertical',
                  align: 'right',
                  verticalAlign: 'top',
                  x: -10,
                  y: 100,
                  borderWidth: 0
              },                      
              series: []
          }
  
          $.getJSON("data", function(json) 
          {
              options.xAxis.categories = json[0]['data'];
              options.series[0] = json[1];
              options.series[1] = json[2];
              // options.series[2] = json[3];
              chart = new Highcharts.StockCart(options);
          });
  
          function (chart) 
          {
              setTimeout(function () 
              {
                  $('input.highcharts-range-selector', $(chart.container).parent())
                  .datepicker({
                      format: "dd/mm/yyyy",
                      todayBtn: "linked",
                      orientation: "auto left",
                      autoclose: true,
                      todayHighlight: true
                  });
              }, 0);
  
              $.datepicker.setDefaults
              ({
                  dateFormat: 'yy-mm-dd',
                  onSelect: function (dateText) {
                      this.onchange();
                      this.onblur();
                  }
              });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here my Controller:</p>
  
  <pre><code>&lt;?php
  
  if ( ! defined('BASEPATH')) exit('No direct script access allowed');
  
  class Chart extends CI_Controller
  {
      public function __construct() 
      {
          parent::__construct();
          $this-&gt;load-&gt;database();
          $this-&gt;load-&gt;model('Data');
          $this-&gt;load-&gt;helper('url');
  
      }
  
      public function index()
      {
          //echo "adsf";exit;
          $this-&gt;load-&gt;view('allindex');
      }
  
      public function data()
      {
  
              $data = $this-&gt;Data-&gt;get_data();
  
              $category = array();
              $category['name'] = 'date';
  
              $series1 = array();
              $series1['name'] = 'employee_id';
  
              $series2 = array();
              $series2['name'] = 'customer_id';
  
  //            $series3 = array();
  //            $series3['name'] = 'sale_id';
  
              foreach ($data as $row)
              {
                  $category['data'][] = $row-&gt;date;
                  $series1['data'][] = $row-&gt;employee_id;
                  $series2['data'][] = $row-&gt;customer_id;
  //                $series3['data'][] = $row-&gt;sale_id;
              }
  
              $result = array();
              array_push($result,$category);
              array_push($result,$series1);
              array_push($result,$series2);
  //            array_push($result,$series3);
  
              print json_encode($result, JSON_NUMERIC_CHECK);
      }
  </code></pre>
  
  <p>Here is Model:</p>
  
  <pre><code> &lt;?php
  class Data extends CI_Model
  {
      public function __construct() 
      {
          parent::__construct();
      }
  
      public function get_data()
      {
          $this-&gt;db-&gt;select('date,sale_id,employee_id,customer_id');
          $this-&gt;db-&gt;from('ospos_sales');
          $this-&gt;db-&gt;where("`date` BETWEEN '2013-10-11' AND '2013-10-12'");
          $query = $this-&gt;db-&gt;get();
          return $query-&gt;result();
  
      }
  
  }
  </code></pre>