ホームページ  >  記事  >  バックエンド開発  >  laravel 使用 highcharts 传值,前端不显示

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

WBOY
WBOYオリジナル
2016-06-06 20:25:141402ブラウズ

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

laravel 代码:

<code class="php"> $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' );</code>

html代码

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

json数据

<code class="json">{
    "xAxis": {
        "title": {
            "text": "时间"
        }
    },
    "yAxis": {
        "title": {
            "text": "净值"
        }
    },
    "series": {
        "name": "净值",
        "data": [
            [
                1441900800,
                1
            ],
            [
                1439222400,
                1
            ]
        ]
    },
    "rangeSelector": {
        "selected": "1"
    }
}</code>

回复内容:

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

laravel 代码:

<code class="php"> $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' );</code>

html代码

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

json数据

<code class="json">{
    "xAxis": {
        "title": {
            "text": "时间"
        }
    },
    "yAxis": {
        "title": {
            "text": "净值"
        }
    },
    "series": {
        "name": "净值",
        "data": [
            [
                1441900800,
                1
            ],
            [
                1439222400,
                1
            ]
        ]
    },
    "rangeSelector": {
        "selected": "1"
    }
}</code>

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。