Question

我不知道这个问题是否对堆栈溢出有效。但我有一个控制器返回我的主页，显示一个图表（饼图）。

公用文件夹中有一个JS文件，它支持显示图表及其数据。

我想将$ setData插入JS文件中，以替换下面JS文件中Red的数据。

当我插入$setData时，我收到错误并且图表没有显示。

JS文件已导入Home刀片文件夹。

我该怎么做？

控制器

  public function home(Request $request) 
  {

     $setData = Set::where('user_id', Auth::user()->id)->orderBy('created_at','DESC')->first();
     return view('home', compact('setData'));
  }

主

<div class="col-md-12 col-sm-12">
              <div class="card">
                <div class="card-header">
                  <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
                  <div class="heading-elements">
                    <ul class="list-inline mb-0">
                      <!-- <li><a data-action="collapse"><i class="ft-minus"></i></a></li> -->
                      <li><a  title="reload"  data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                      <li><a data-action="expand" title="expand" ><i class="ft-maximize"></i></a></li>
                      <!-- <li><a data-action="close"><i class="ft-x"></i></a></li> -->
                    </ul>
                  </div>
                </div>

app / asset / js档案

    <script>
$(window).on("load", function(){

    //Get the context of the Chart canvas element we want to select
    var ctx = $("#simple-pie-chart");

    // Chart Options
    var chartOptions = {
        responsive: true,
        maintainAspectRatio: false,
        responsiveAnimationDuration:500,
    };

    // Chart Data
    var chartData = {
        labels: ["Red", "Yellow", "Blue"],
        datasets: [{
            label: "My First dataset",
            data: [85, 65, 34],
            backgroundColor: ['#00A5A8', '#626E82', '#FF7D4D','#FF4558', '#16D39A'],
        }]
    };

    var config = {
        type: 'pie',

        // Chart Options
        options : chartOptions,

        data : chartData
    };

    // Create the chart
    var pieSimpleChart = new Chart(ctx, config);
});
        </script>

在JS文件中访问变量 - laravel

0 个答案: