laravel 使用 highcharts 传值，前端不显示-php教程-PHP中文网

laravel 使用 highcharts 传值，前端不显示

php中文网

发布： 2016-06-06 20:25:14

原创

1701人浏览过

后端使用laravel将参数传递给前端，但是前端无法正常显示数据，请问到底是哪里出了问题？

laravel 代码：

 $res = HistoryData::where('product_id','1')->get();
            
            //将获取的数据重新排版
            if(count($res) > 0){
                foreach( $res as $value){
                    $timestamp = strtotime(str_replace('/','-',$value['time']));
                    $data[] = [ $timestamp , $value['cumulativeNet']];
                }
            }
            
            //highchart设置内容
            
            //x坐标轴
            $highchart['xAxis'] = [ 'title' => [ 'text' => '时间' ] ];
            
            //y坐标轴
            $highchart['yAxis'] = [ 'title' => [ 'text' => '净值' ] ];
            
            //数据
            $highchart['series'] = [ 'name'=>'净值' , 'data' => $data ];
            
            $highchart['rangeSelector'] = array( 'selected' => '1' );

登录后复制

html代码

<script type="text/javascript" src="/js/highstock.js"></script>
<script type="text/javascript">
    $(function(){
      $('#highchart').highcharts('StockChart',
                                 {!! json_encode($highchart)!!}
      )
      })</script>

登录后复制

json数据

{
    "xAxis": {
        "title": {
            "text": "时间"
        }
    },
    "yAxis": {
        "title": {
            "text": "净值"
        }
    },
    "series": {
        "name": "净值",
        "data": [
            [
                1441900800,
                1
            ],
            [
                1439222400,
                1
            ]
        ]
    },
    "rangeSelector": {
        "selected": "1"
    }
}

登录后复制

回复内容：

后端使用laravel将参数传递给前端，但是前端无法正常显示数据，请问到底是哪里出了问题？

立即学习“前端免费学习笔记（深入）”；

laravel 代码：

 $res = HistoryData::where('product_id','1')->get();
            
            //将获取的数据重新排版
            if(count($res) > 0){
                foreach( $res as $value){
                    $timestamp = strtotime(str_replace('/','-',$value['time']));
                    $data[] = [ $timestamp , $value['cumulativeNet']];
                }
            }
            
            //highchart设置内容
            
            //x坐标轴
            $highchart['xAxis'] = [ 'title' => [ 'text' => '时间' ] ];
            
            //y坐标轴
            $highchart['yAxis'] = [ 'title' => [ 'text' => '净值' ] ];
            
            //数据
            $highchart['series'] = [ 'name'=>'净值' , 'data' => $data ];
            
            $highchart['rangeSelector'] = array( 'selected' => '1' );

登录后复制

html代码

<script type="text/javascript" src="/js/highstock.js"></script>
<script type="text/javascript">
    $(function(){
      $('#highchart').highcharts('StockChart',
                                 {!! json_encode($highchart)!!}
      )
      })</script>

登录后复制

json数据

{
    "xAxis": {
        "title": {
            "text": "时间"
        }
    },
    "yAxis": {
        "title": {
            "text": "净值"
        }
    },
    "series": {
        "name": "净值",
        "data": [
            [
                1441900800,
                1
            ],
            [
                1439222400,
                1
            ]
        ]
    },
    "rangeSelector": {
        "selected": "1"
    }
}

登录后复制

前端不现实，无非就是前端展现有问题，或者你提供的数据格式并不是它希望得到的格式。