MySQL陣列中Google圖表中的多行

Question

我正在嘗試將MySQL查詢傳遞到Google折線圖中，但是在將其轉換為正確的格式時遇到了一些問題。 該圖表將顯示計算機上RAM利用率的百分比。

MySQL查詢：

SELECT DATE_FORMAT(date, 'new Date(%Y, %c, %d, %H, %i, %s)') AS date, percentComittedInUse, machineName FROM stsdata.hyperv_perf_memory

表結果（縮短）：

+-----------------------------------+----------------------+-------------+
|               date                | percentComittedInUse | machineName |
+-----------------------------------+----------------------+-------------+
| new Date(2018, 8, 17, 17, 09, 03) |                   53 | STSWKS15    |
| new Date(2018, 8, 17, 17, 32, 43) |                   57 | STSWKS15    |
| new Date(2018, 8, 17, 18, 02, 53) |                   55 | STSWKS15    |
| new Date(2018, 8, 17, 18, 33, 00) |                   56 | STSWKS15    |
| new Date(2018, 8, 17, 19, 03, 05) |                   57 | STSWKS15    |
| new Date(2018, 8, 20, 14, 02, 30) |                   57 | STSWKS15    |
| new Date(2018, 8, 20, 14, 32, 46) |                   57 | STSWKS15    |
| new Date(2018, 8, 20, 15, 02, 56) |                   59 | STSWKS15    |
| new Date(2018, 8, 20, 15, 33, 08) |                   60 | STSWKS15    |
| new Date(2018, 8, 17, 17, 32, 43) |                   50 | FAKE_VHOST8 |
| new Date(2018, 8, 17, 18, 02, 53) |                   48 | FAKE_VHOST8 |
| new Date(2018, 8, 17, 18, 33, 00) |                   49 | FAKE_VHOST8 |
| new Date(2018, 8, 17, 19, 03, 05) |                   50 | FAKE_VHOST8 |
| new Date(2018, 8, 17, 19, 33, 27) |                   49 | FAKE_VHOST8 |
| new Date(2018, 8, 17, 20, 02, 33) |                   49 | FAKE_VHOST8 |
| new Date(2018, 8, 17, 20, 32, 41) |                   50 | FAKE_VHOST8 |
+-----------------------------------+----------------------+-------------+

我在使用PHP回應結果：

<?php
$row = mysqli_fetch_assoc($VMMemoryPerf);
if ($VMMemoryPerf->num_rows > 0) {
    while ($row = mysqli_fetch_assoc($VMMemoryPerf)) {
        echo "[".$row['date'].", '".$row['machineName']."', '".$row['percentComittedInUse']."'],";
        }
    }
?>

結果將按預期工作，它將返回： [new Date(2018, 8, 17, 17, 32, 43), 'STSWKS15', '57'], [new Date(2018, 8, 17, 18, 02, 53), 'STSWKS15', '55'],

但是我有多個計算機名稱，並且每個名稱都想要在圖中顯示一條線。

我正在探索一種在MySQL中處理數據的方法，但如果必須在PHP中進行操作，那也可以。

圖表的Javascript：

 <?php include($_SERVER['DOCUMENT_ROOT']. "/inc/SQL_stsdata.php"); ?> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(chart_line_hyperv_memory); function chart_line_hyperv_memory() { var data = google.visualization.arrayToDataTable([ [{ label: 'Date', type: 'datetime' }, { role: 'annotationText' }, { label: 'Memory % Comitted', type: 'number' }], <?php $row = mysqli_fetch_assoc($VMMemoryPerf); if ($VMMemoryPerf->num_rows > 0) { while ($row = mysqli_fetch_assoc($VMMemoryPerf)) { echo "[".$row['date'].", '".$row['machineName']."', '".$row['percentComittedInUse']."'],"; } } ?> ]); var options = { title: 'VM Memory Utilization', fontSize: 10, fontName: 'Consolas', tooltip: { textStyle: { bold: false, color: '#000000', fontSize: 12 }, showColorCode: true, isHtml: true, ignoreBounds: false, text: 'both', trigger: 'hover', padding: '0px' }, animation: { duration: 1000, startup: true, easing: 'inAndOut' }, legend: { position: 'right' }, chartArea: { height: '95%' }, width: '100%', height: '100%', annotations: { textStyle: { fontName: 'Consolas', color: '#000000', }, highContrast: 'true', alwaysOutside: 'true', }, }; var chart = document.getElementById('chart_line_hyperv_memory'), x = (parseFloat(chart.getAttribute('data-x')) || 0), y = (parseFloat(chart.getAttribute('data-y')) || 0); var chartContainer = $(chart).parent(); chart.style.width = chartContainer.width() + 'px'; chart.style.height = chartContainer.height() + 'px'; x += chartContainer.left; y += chartContainer.top; chart.style.webkitTransform = chart.style.transform = 'translate(' + x + 'px,' + y + 'px)'; chart.setAttribute('data-x', x); chart.setAttribute('data-y', y); var chart = new google.visualization.LineChart(document.getElementById('chart_line_hyperv_memory')); console.log(data); chart.draw(data, options); } </script> 

感謝您的審核以及對我的幫助！

更新：圖表期望表輸出如下：

+-------------------------------------+----------+-------------+
|                date                 | STSWKS15 | FAKE_VHOST8 |
+-------------------------------------+----------+-------------+
| Date(year, date, day, hour, minute) | value    | value       |
| Date(year, date, day, hour, minute) | value    | value       |
| Date(year, date, day, hour, minute) | value    | value       |
| Date(year, date, day, hour, minute) | value    | value       |
| Date(year, date, day, hour, minute) | value    | value       |
+-------------------------------------+----------+-------------+

因此，它可以構造諸如[Date(), value, value],我對MySQL中的串聯沒有任何問題，只需執行查詢即可將每台計算機的結果翻轉到自己的列中。

請記住，如果將新計算機添加到表中，則查詢可以動態獲取它。

Answer 1

根據您在更新中添加的預期輸出，我認為您基本上是在尋找數據透視表。

SELECT 
    DATE_FORMAT(date, 'new Date(%Y, %c, %d, %H, %i, %s)') AS date,
    SUM(IF(machineName = 'STSWKS15', percentComittedInUse, 0)) AS 'STSWKS15',
    SUM(IF(machineName = 'FAKE_VHOST8', percentComittedInUse, 0)) AS 'FAKE_VHOST8'
FROM stsdata.hyperv_perf_memory
GROUP BY `date`;

這將返回如下內容：

date                              |STSWKS15 |FAKE_VHOST8 |
----------------------------------|---------|------------|
new Date(2018, 8, 21, 10, 53, 27) |15       |0           |
new Date(2018, 8, 21, 10, 53, 44) |25       |0           |
new Date(2018, 8, 21, 10, 53, 57) |57       |0           |
new Date(2018, 8, 21, 10, 54, 13) |60       |0           |
new Date(2018, 8, 21, 10, 54, 27) |0        |35          |
new Date(2018, 8, 21, 10, 54, 35) |0        |45          |

假設您事先知道機器名稱。 如果沒有，您可能需要做更多的工作。

=======================================

編輯：回答評論。

如果要動態獲取列名，可以使用這樣的動態查詢。 創建一個存儲過程並調用以獲取數據。

CREATE DEFINER=`root`@`localhost` PROCEDURE `getUsage`()
BEGIN
    SET @query = NULL;
    SELECT
          GROUP_CONCAT(
          DISTINCT CONCAT('SUM(IF (machineName = "', machineName, '", percentComittedInUse, 0)) AS ', CONCAT(clientName, '_', machineName))
          ) INTO @query
        FROM stsdata.hyperv_perf_memory;

    SET @query = CONCAT('SELECT `date`, ', @query, ' FROM stsdata.hyperv_perf_memory GROUP BY date, clientName');

    PREPARE stmt FROM @query;
    EXECUTE stmt;
    DEALLOCATE PREPARE stmt;
END

要從中獲取數據，您可以簡單地執行如下查詢：

call getUsage();

希望能幫助到你！！ 隨時詢問您是否有任何疑問。