首页 > laravel 使用 highcharts 传值,前端不显示

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

后端使用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"
    }
}

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

【热门文章】
【热门文章】