将数据传递给 Chart Js Laravel

问题描述

我正在从

导入我的图表 js 代码

while

我有一些来自控制器的数据，请问是否可以在渲染图表之前将数据传递给这个脚本？

我的 charts-bars.js 代码

<script src="{{ asset('/css/tailwind/js/charts-bars.js') }}" defer></script>

提前致谢。

解决方法

首先在您的刀片模板中创建一个输入隐藏字段

<input type value="{{data}}" class="chartdata" >

那么你可以这样调用

 datasets:$('.chartdata').val()

如果你不喜欢创建输入，那么你可以在刀片中使用脚本

<script>
var chartdata='{{data}}'
</script>

然后在js文件中

 datasets:chartdata

,

从控制器获取数据到刀片。

控制器代码

    $dashboard_data = [
        'months' => $months,];
    return view('admin.layouts.dashboard',compact('dashboard_data'));

直接在刀片中获取数据，如果有数据就调用图表函数。

@section('scripts')
<script>
 <?PHP
   if (isset($dashboard_data['months']) && !empty($dashboard_data['months'])) {
  ?>

    var months = <?= $dashboard_data['months'] ?>;

 <?PHP  
 }
</script>
@endsection