동일한보기에 여러 차트 표시

Question

동일한보기에 내 모든 차트를 표시하고 싶습니다. lavacharts를 사용했습니다. 내 차트에는 다른 번호를 부여했으나보기에는 컨트롤러의 마지막 차트가 표시됩니다.

컨트롤러 코드 :

function l() 

{ 

    $lava = new Lavacharts; // See note below for Laravel 



    $reasons = \Lava::DataTable(); 

    $abs=Absencecollab::all(); 

    $r=$abs->count(); 

    $absm=Absencecollab::where('motif','maladie'); 

    $tm=$absm->count(); 

    $absc=Absencecollab::where('motif','conge'); 

    $tc=$absc->count(); 

    $absnj=Absencecollab::whereNull('motif'); 

    $tnj=$absnj->count(); 

    $pm=($tm100)/$r; 

    $pc=($tc100)/$r; 

    $pnj=($tnj100)/$r; 



    $reasons->addStringColumn('Reasons') 

      ->addNumberColumn('Percent') 

      ->addRow(['Maladie',$pm ]) 

      ->addRow(['Conge',$pc]) 

      ->addRow(['Absence non justifiée',$pnj]); 



    \Lava::PieChart('IMDB', $reasons, [ 

     'title' => 'Abscences collaborateurs par motif', 

     'is3D' => true, 

     'slices' => [ 

      ['offset' => 0.2], 

      ['offset' => 0.25], 

      ['offset' => 0.3] 

     ] 

    ]); 







    $reasons1 = \Lava::DataTable(); 

    $abs1=Absence::all(); 

    $r1=$abs1->count(); 

    $absm1=Absence::where('motif','maladie'); 

    $tm1=$absm1->count(); 

    $absc1=Absence::where('motif','conge'); 

    $tc1=$absc1->count(); 

    $absnj1=Absencecollab::whereNull('motif'); 

    $tnj1=$absnj1->count(); 

    $pm1=($tm1100)/$r; 

    $pc1=($tc1100)/$r; 

    $pnj1=($tnj1*100)/$r; 



    $reasons1->addStringColumn('Reasons') 

      ->addNumberColumn('Percent') 

      ->addRow(['Maladie',$pm1 ]) 

      ->addRow(['Congé parents',$pc1]) 

      ->addRow(['Absence non justifiée',$pnj1]); 



    \Lava::PieChart('abse', $reasons1, [ 

     'title' => 'Abscences enfants par motif', 

     'is3D' => true, 

     'slices' => [ 

      ['offset' => 0.2], 

      ['offset' => 0.25], 

      ['offset' => 0.3] 

     ] 

]); 

return view('statistiquesg'); 

뷰 코드

@piechart('IMDB', 'chart-div') 

      <canvas id="line" height="300" width="450"></canvas> 

     </div> 

    </section> 

</div> 

<!-- Bar --> 



<div class="col-lg-6"> 

    <section class="panel"> 

     <header class="panel-heading"> 

     Absence enfants 

     </header> 

     <div class="panel-body text-center" id="chart-div"> 

     @piechart('abse', 'chart-div') 



      <canvas id="bar" height="300" width="500"></canvas> 

     </div> 

    </section> 

</div> 

Answer 1

가 @piechart 두번째 매개 변수 DIV의 ID이고, 두 파이 차트는 chart-div ID를 사용하고있다.