如何在Highchart中使用格式为真的json放置数据

Question

我需要帮助如何在highchart中使用格式为真的json放置数据。 我有这样的json数据：

 function get_stock(){
                $item_stock = $this->M_item->get_stock();
                $data['item_stock']=$item_stock;
                $data = array();
                $stocksdata = array();
                foreach($item_stock as $item_stocks){
                    $stocksdata []= array(
                        "item_code"=>$item_stocks->item_code,
                        "stock"=>$item_stocks->stock
                        );
                }
                $data['stocksdata']= $stocksdata;
                echo json_encode($data);
         }

其中json数据来自我的控制器，如下所示：

<script src="<?php echo base_url();?>assets/Highcharts/jquery.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>



       <script type="text/javascript">
  function get_stockdata(stockdata){

      $.ajax({
              type    : "post",
              data    : {stockdata:stockdata},                       
              url     : '<?php echo base_url();?>index.php/Home/get_stock',
              dataType:"json",
              success: function(data){ 
              console.log(data);
            //START -->the 3rd lines with marked is updated
             var data=[];  
              for(var i = 0; i < data.length; i++) {
              var obj = data[i];
              }
           //END          
      }

    });
    }

var chart1;
jQuery(document).ready(function(){
  chart1 = new Highcharts.Chart({
            chart:{
            renderTo:'container',
            type:'line',
            borderWidth:1,
            spacingRight:20

          },
                    title: {
                        text: "Item Data"
                    },

                tooltip:{
              formatter: function() {
              return '<b>'+ this.series.name +'</b><br/>'+
              this.x +': '+ this.y+ ('Kg');
              }

          },
                    xAxis: {
                        type: 'category',
                        allowDecimals: false,
                        title: {
                            text: ""
                        }
                    },
                    yAxis: {
                        title: {
                            text: "Stocks"
                        }
                    },
                    series: [get_stockdata]

                }); 
            });

</script>
<div class="box-body">     
     <div id="container" width="400" height="246"></div>
</div>

这是我的部分代码，从顶部页面我添加了一些链接：

{{1}}

最后我得到的结果是空白页边框。我的javascript有什么问题？以前，谢谢你的关注。 还有一个我想得到的结果是这样的：http://www.knowstack.com/webtech/charts_demo/highchartsdemo4.html谢谢你们。