JavaScript — Показать гистограмму MySQL SELECT COUNT (*) GROUP BY

Показать гистограмму по MySQL ВЫБРАТЬ СЧЕТЧИК (*) GROUP BY

Я пытаюсь попрактиковаться в Javascript и этих гистограммах, которые связаны с моей базой данных MySql. Однако я не могу получить результат из "SELECT column_name, COUNT(*) FROM table_name GROUP BY column_name" с использованием гистограммы javascript. На данный момент, с этими кодами, которые я собираюсь опубликовать, он показывает 2 категории успешно, однако столбцы / счетчик не будут показывать, в котором он должен показать, сколько «завершено» и сколько «в процессе» , Вот скриншот моего нынешнего кода:

ИЗОБРАЖЕНИЕ ГРАФА

И вот мой код базы данных:

 {amp}lt;?php header('Content-Type: application/json'); $conn = mysqli_connect("localhost","root","","dbname"); $sqlQuery = "SELECT con_stat, COUNT(*) FROM con_tab GROUP BY con_stat"; $result = mysqli_query($conn,$sqlQuery); $data = array(); foreach ($result as $row) { $data[] = $row; } mysqli_close($conn); echo json_encode($data); ?{amp}gt; 

А вот код javascript, в котором, как мне кажется, отсутствует функция или код:

 {amp}lt;script{amp}gt; $(document).ready(function () { showGraph(); }); function showGraph() { { $.post("data.php", function (data) { console.log(data); var category = []; var counts = []; for (var i in data) { category.push(data[i].con_stat); counts.push(data[i].count); } var chartdata = { labels: category, datasets: [ { label: 'Completed and On-going', backgroundColor: '#49e2ff', borderColor: '#46d5f1', hoverBackgroundColor: '#CCCCCC', hoverBorderColor: '#666666', data: counts } ] }; var graphTarget = $("#graphCanvas"); var barGraph = new Chart(graphTarget, { type: 'bar', data: chartdata }); }); } } {amp}lt;/script{amp}gt; 

Заранее спасибо.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector