欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-06-04 20:33:25
...
后端使用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代码

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代码

json数据

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

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