Как отобразить данные из базы данных на графиках, используя PHP

Question

Я нашел бесплатный шаблон black-dashboard-master от Tim значения таблицы отчетов , я хочу отображать не отчеты с задержкой вместо данных: [90, 27, 60, 12, 80] и даты вместо месяцев. Я не знаю, как получить данные из базы данных и сделать динамическую диаграмму c, используя PHP, кто-нибудь может помочь!

база данных: example_db tablemane: отчеты [значения базы данных [2]

HTMl: -

 <div class="col-lg-4">
        <div class="card card-chart">
          <div class="card-header">
               <h5 class="card-category">Delayed count</h5>
             <h3 class="card-title"><i class="tim-icons icon-delivery-fast text-info"></i> 3,500€</h3>
          </div>
          <div class="card-body">
            <div class="chart-area">
              <canvas id="CountryChart"></canvas>
            </div>
          </div>
        </div>
      </div>

js код: -

var ctxGreen = document.getElementById("chartLineGreen").getContext("2d");

var gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);

gradientStroke.addColorStop(1, 'rgba(66,134,121,0.15)');
gradientStroke.addColorStop(0.4, 'rgba(66,134,121,0.0)'); //green colors
gradientStroke.addColorStop(0, 'rgba(66,134,121,0)'); //green colors

var data = {
  labels: ['JUL', 'AUG', 'SEP', 'OCT', 'NOV'],
  datasets: [{
    label: "My First dataset",
    fill: true,
    backgroundColor: gradientStroke,
    borderColor: '#00d6b4',
    borderWidth: 2,
    borderDash: [],
    borderDashOffset: 0.0,
    pointBackgroundColor: '#00d6b4',
    pointBorderColor: 'rgba(255,255,255,0)',
    pointHoverBackgroundColor: '#00d6b4',
    pointBorderWidth: 20,
    pointHoverRadius: 4,
    pointHoverBorderWidth: 15,
    pointRadius: 4,
    data: [90, 27, 60, 12, 80],
  }]
};

var myChart = new Chart(ctxGreen, {
  type: 'line',
  data: data,
  options: gradientChartOptionsConfigurationWithTooltipGreen

});