Highchart: линейная диаграмма не загружает данные из базы данных на экран

Question

Я пытаюсь сделать линейную диаграмму HighChart на основе данных из базы данных.Я получил данные из базы данных, поскольку вижу эти данные в консоли.

Используемый мной код php:

<?php
$query = "
  SELECT YEAR(created_at) AS year, 
       MONTHNAME(created_at) AS month, 
    COUNT(*) AS count
    FROM users
    GROUP BY month ASC ORDER BY created_at ASC
" ;

 $result = mysqli_query($conn, $query) ;

while ($row = mysqli_fetch_assoc($result)) {
$data1[] = $row['month'];
 $data2[] = $row['count'];
}
?>

Теперь я получил данные в сценарии Highchart следующим образом:

<script type="text/javascript">
$(function () {
$('#container').highcharts({
    chart: {
        type: 'line',

    },
    title: {
        text: 'Download Trends'
    },
 credits: {
 enabled: false
 },
    xAxis: {
        categories:  ['<?php echo join($data1, "','"); ?>'],

    },
    yAxis: {
        min: 0,
        title: {
            text: 'No. of Downloads'
        }
    },


  plotOptions: {
                        column: {
                                    pointPadding: 0.2,
                                    borderWidth: 0
                                }
                    },
    series: [{
        name: 'Qty',
        data: ['<?php echo join($data2, "','"); ?>'],
  }]
    });
    });
 </script>

Я использовал контейнерный контейнер с идентификатором контейнера следующим образом:

<div id="container"></div>

Проблема в том, что данные отображаются неправильно.он показывает только половину данных, как вы можете видеть ниже:

он не показывает линию.Пожалуйста, помогите

Answer 1

Ваша серия данных состоит из строк, и Highcharts работает с числами для этого типа графика.

Удалите простые кавычки в разделе данных, и это должно работать: data: [<?php echo join($data2, ","); ?>]