Rumah > Artikel > pembangunan bahagian belakang > laravel 使用 highcharts 传值,前端不显示
后端使用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>
前端不现实,无非就是前端展现有问题,或者你提供的数据格式并不是它希望得到的格式。