sql >> Databasteknik >  >> RDS >> Mysql

Chart.js - Hämta data från databasen med mysql och php

Först in dina data i lämpliga datastrukturer med PHP

$months = array("january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december");
$monthvalues = array();
foreach ($months as $month) {
    $monthvalues[$month] = 0;
}

$result = mysql_query("SELECT month, count(*) FROM customer group by month") or die(mysql_error());
while ($row = mysql_fetch_array($result, MYSQL_NUM)) {
    $monthvalues[$row[0]] = (int)$row[1];
}

Under det kopplar du bara in dessa datastrukturer i ditt Javascript

var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
var lineChartData = {
    labels : <?=json_encode($months);?>,
    datasets : [
        {
            label: "My First dataset",
            fillColor : "rgba(220,220,220,0.2)",
            strokeColor : "rgba(220,220,220,1)",
            pointColor : "rgba(220,220,220,1)",
            pointStrokeColor : "#fff",
            pointHighlightFill : "#fff",
            pointHighlightStroke : "rgba(220,220,220,1)",
            data : <?=json_encode(array_values($monthvalues));?>
        }
    ]
}

antar att window.onload och HTML för canvas-elementet är på sina rätta platser.



  1. kan inte visa varumärkessymbol i mysql till html

  2. Kan inte ansluta till MySQL-servern på '127.0.0.1' (10061) (2003)

  3. Formatera ett tal som valuta i MariaDB

  4. Vad är LIMIT-klausulalternativet i JPQL?