@extends('dash')
@section('content')

<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/fueling_trend.blade.php</b> on line <b>9</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/html/Qudrive/resources/views/fueling_trend.blade.php</b> on line <b>9</b><br />

<div>
<div id="chart-wrapper">
<h4><br>&nbsp;&nbsp;2025</h4>
  <canvas id="myChart"></canvas>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>
   

  const ctx = document.getElementById('myChart');
  new Chart(ctx, {
    type: 'line',
    tension: 0.1,
    data: {
      labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
      datasets: [{
        label: '2025',
        backgroundColor:[ 
      'rgb(255, 99, 132)',
      'rgb(54, 162, 235)',
      'rgb(255, 205, 86)',
      'rgb(154, 162, 235)',
      'rgb(255, 105, 86)',
      'rgb(255, 99, 132)',
      'rgb(54, 162, 235)',
      'rgb(255, 205, 86)',
      'rgb(154, 162, 235)',
      'rgb(255, 105, 86)'
      ],
        data:[,,,,,,,,,,,],
      
      }]
    },
    options: {
        responsive:true,
        interaction: {
      mode: 'index',
      intersect: false,
    },
    
    
    }
  });
</script>

@endsection