


Wie erstelle ich Google-Diagramme (Kreis, Balken, Spalte und Tabelle) mit PHP, MySQL und JSON?
Nov 16, 2024 pm 02:03 PMPHP MySQL Google Chart JSON – Vollst?ndiges Beispiel
Bei der Verwendung von MySQL-Tabellendaten als Datenquelle zum Generieren von Google Chart habe ich viele Beispiele gefunden. Ich habe ein paar Tage lang gesucht und festgestellt, dass es im Internet nur sehr wenige Beispiele gibt, die PHP und MySQL zum Generieren von Google Charts (Kreisdiagramme, Balkendiagramme, Balkendiagramme, Tabellen) verwenden. Endlich habe ich ein Beispiel gefunden, das funktioniert.
Ich habe bereits viel Hilfe von StackOverflow erhalten, daher m?chte ich dieses Mal etwas zurückgeben.
Ich habe zwei Beispiele, eines mit Ajax und eines ohne. Heute zeige ich nur Nicht-Ajax-Beispiele.
Verwendung:
- Anforderungen: PHP, Apache und MySQL
-
Installation:
- Erstellen Sie eine Datenbank mit phpMyAdmin und nennen Sie sie ?Chart“
- Erstellen Sie eine Tabelle mit phpMyAdmin und nennen Sie sie ?googlechart“ und stellen Sie sicher, dass sie nur zwei Spalten hat, da ich zwei Spalten verwendet habe. Wenn Sie jedoch mehr Spalten verwenden m?chten, k?nnen Sie wie beschrieben auch geringfügige ?nderungen am Code vornehmen.
- Geben Sie die Spaltennamen wie folgt an: ?weekly_task“ und ?percentage“
- Einfügen in Tabelle Für einige Daten k?nnen im Feld ?_percentage_“ nur Zahlen verwendet werden
Beispiel für ein PHP-MySQL-JSON-Google-Diagramm:
<?php $con=mysql_connect("localhost","Username","Password") or die("Failed to connect with database!!!!"); mysql_select_db("資料庫(kù)名稱", $con); // Google Chart 表格包含兩個(gè)欄位,分別是 weekly_task 和 percentage // 這個(gè)範(fàn)例將顯示一個(gè)圓餅圖,如果你需要其他的圖表例如長(zhǎng)條圖,你必須對(duì)程式碼做一些微幅的調(diào)整,才能與長(zhǎng)條圖或其他圖表搭配 $sth = mysql_query("SELECT * FROM chart"); /* --------------------------- 範(fàn)例資料:表格 (Chart) -------------------------- weekly_task percentage Sleep 30 Watching Movie 40 work 44 */ // flag 不需要 $flag = true; $table = array(); $table['cols'] = array( // 圖表的標(biāo)籤,代表欄位標(biāo)題 // 注意,一個(gè)欄位使用 "string" 格式,另一個(gè)使用 "number" 格式,因?yàn)閳A餅圖只使用 "數(shù)字" 來(lái)計(jì)算百分比,字串則用於欄位標(biāo)題 array('label' => 'Weekly Task', 'type' => 'string'), array('label' => 'Percentage', 'type' => 'number') ); $rows = array(); while($r = mysql_fetch_assoc($sth)) { $temp = array(); // 下列程式碼用於分割圓餅圖 $temp[] = array('v' => (string) $r['Weekly_task']); // 每一個(gè)分塊的值 $temp[] = array('v' => (int) $r['percentage']); $rows[] = array('c' => $temp); } $table['rows'] = $rows; $jsonTable = json_encode($table); //echo $jsonTable; ?> <html> <head> <!--載入 Ajax API--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> // 載入視覺化 API 及圓餅圖套件。 google.load('visualization', '1', {'packages':['corechart']}); // 設(shè)定一個(gè) callback 在 Google Visualization API 載入時(shí)執(zhí)行。 google.setOnLoadCallback(drawChart); function drawChart() { // 從伺服器載入的 JSON 資料中,建立我們的資料表格。 var data = new google.visualization.DataTable(<?=$jsonTable?>); var options = { title: '我的每週計(jì)畫', is3D: 'true', width: 800, height: 600 }; // 使用部分選項(xiàng),實(shí)例化並繪製我們的圖表。 // 別忘了檢查你的 div ID var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <!--這是會(huì)放置圓餅圖的 div--> <div>
Beispiel für ein PHP-PDO-JSON-MySQL-Google-Diagramm:
<?php /* 指令碼 : PHP-PDO-JSON-mysql-googlechart 作者 : Enam Hossain 版本 : 1.0 */ /* -------------------------------------------------------------------- 使用方式: -------------------------------------------------------------------- 需求:PHP、Apache 及 MySQL 安裝: --- 使用 phpMyAdmin 建立一個(gè)資料庫(kù),並將其命名為 "chart" --- 使用 phpMyAdmin 建立一個(gè)表格,並將其命名為 "googlechart",並確保它只有兩欄,因?yàn)槲沂褂昧藘蓹?。不過(guò),如果你想用更多欄,也可以按照指示對(duì)程式碼做些微的修改 --- 指定欄位名稱如下:"weekly_task" 和 "percentage" --- 在表格中插入一些資料 --- _percentage_ 欄位只能使用數(shù)字 --------------------------------- 範(fàn)例資料:表格 (googlechart) --------------------------------- weekly_task percentage ----------- ---------- Sleep 30 Watching Movie 10 job 40 Exercise 20 */ /* 資料庫(kù)名稱 */ $dbname = 'chart'; /* 資料庫(kù)使用者名稱與密碼 */ $username = 'root'; $password = '123456'; try { /* 建立資料庫(kù)連線 */ $conn = new PDO("mysql:host=localhost;dbname=$dbname", $username, $password); $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); /* 從 googlechart 表格中選出所有 weekly tasks */ $result = $conn->query('SELECT * FROM googlechart'); /* --------------------------- 範(fàn)例資料:表格 (googlechart) -------------------------- weekly_task percentage Sleep 30 Watching Movie 10 job 40 Exercise 20 */ $rows = array(); $table = array(); $table['cols'] = array( // 圖表的標(biāo)籤,代表欄位標(biāo)題。 /* 注意,一個(gè)欄位使用 "string" 格式,另一個(gè)使用 "number" 格式,因?yàn)閳A餅圖只使用 "數(shù)字" 來(lái)計(jì)算百分比,字串則用於分塊標(biāo)題 */ array('label' => 'Weekly Task', 'type' => 'string'), array('label' => 'Percentage', 'type' => 'number') ); /* 抽取 $result 中的資訊 */ foreach($result as $r) { $temp = array(); // 下列程式碼用於分割圓餅圖 $temp[] = array('v' => (string) $r['weekly_task']); // 每一個(gè)分塊的值 $temp[] = array('v' => (int) $r['percentage']); $rows[] = array('c' => $temp); } $table['rows'] = $rows; // 將資料轉(zhuǎn)換成 JSON 格式 $jsonTable = json_encode($table); //echo $jsonTable; } catch(PDOException $e) { echo '錯(cuò)誤:' . $e->getMessage(); } ?> <html> <head> <!--載入 Ajax API--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> // 載入視覺化 API 及圓餅圖套件。 google.load('visualization', '1', {'packages':['corechart']}); // 設(shè)定一個(gè) callback 在 Google Visualization API 載入時(shí)執(zhí)行。 google.setOnLoadCallback(drawChart); function drawChart() { // 從伺服器載入的 JSON 資料中,建立我們的資料表格。 var data = new google.visualization.DataTable(<?=$jsonTable?>); var options = { title: '我的每週計(jì)畫', is3D: 'true', width: 800,
Das obige ist der detaillierte Inhalt vonWie erstelle ich Google-Diagramme (Kreis, Balken, Spalte und Tabelle) mit PHP, MySQL und JSON?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

H?ufige Probleme und L?sungen für den variablen PHP -Umfang umfassen: 1. Die globale Variable kann innerhalb der Funktion nicht zugegriffen werden, und sie muss bei der Verwendung des globalen Schlüsselworts oder Parameters übergeben werden. 2. Die statische Variable wird statisch deklariert und nur einmal initialisiert und der Wert wird zwischen mehreren Aufrufen beibehalten. 3.. Hyperglobale Variablen wie $ _get und $ _post k?nnen direkt in jedem Bereich verwendet werden, aber Sie müssen auf eine sichere Filterung achten. 4. Die anonymen Funktionen müssen über das Schlüsselwort verwenden, und wenn Sie externe Variablen ?ndern, müssen Sie eine Referenz übergeben. Das Beherrschen dieser Regeln kann dazu beitragen, Fehler zu vermeiden und die Code -Stabilit?t zu verbessern.

Um PHP -Datei -Uploads sicher zu verarbeiten, müssen Sie die Quelle und die Type und die Eingabe des Dateinamens und des Pfades überprüfen, Serverbeschr?nkungen festlegen und Mediendateien zweimal verarbeiten. 1. überprüfen Sie die Upload -Quelle, um CSRF durch Token zu verhindern, und erkennen Sie den realen MIME -Typ über die Finfo_file mithilfe der Whitelist -Steuerung. 2. Benennen Sie die Datei in eine zuf?llige Zeichenfolge um und bestimmen Sie die Erweiterung, um sie gem?? dem Erkennungstyp in einem Verzeichnis ohne Web zu speichern. 3. Die PHP -Konfiguration begrenzt die Hochladengr??e und das tempor?re Verzeichnis Nginx/Apache verbietet den Zugriff auf das Upload -Verzeichnis. 4. Die GD -Bibliothek stellt die Bilder neu, um potenzielle b?swillige Daten zu l?schen.

Es gibt drei g?ngige Methoden für den PHP -Kommentarcode: 1. Verwenden Sie // oder #, um eine Codezeile zu blockieren, und es wird empfohlen, // zu verwenden. 2. Verwenden Sie /.../, um Codebl?cke mit mehreren Zeilen zu wickeln, die nicht verschachtelt werden k?nnen, aber gekreuzt werden k?nnen. 3.. Kombinationskenntnisse Kommentare wie die Verwendung / if () {} / Um Logikbl?cke zu steuern oder um die Effizienz mit Editor -Verknüpfungsschlüssel zu verbessern, sollten Sie auf die Schlie?ung von Symbolen achten und das Verschachteln bei der Verwendung vermeiden.

Der Schlüssel zum Schreiben von PHP -Kommentaren liegt in der Kl?rung des Zwecks und der Spezifikationen. Kommentare sollten "Warum" und nicht "was getan" erkl?ren, um Redundanz oder zu Einfachheit zu vermeiden. 1. Verwenden Sie ein einheitliches Format wie Docblock (/*/) für Klassen- und Methodenbeschreibungen, um die Lesbarkeit und die Kompatibilit?t der Werkzeuge zu verbessern. 2. Betonen Sie die Gründe für die Logik, z. B. warum JS -Sprünge manuell ausgeben müssen. 3. Fügen Sie eine übersichtsbeschreibung vor komplexem Code hinzu, beschreiben Sie den Prozess in Schritten und helfen Sie, die Gesamtidee zu verstehen. V. Gute Anmerkungen k?nnen die Kommunikationskosten senken und die Effizienz der Code -Wartung verbessern.

AgneeratorinphpiSamemory-effizientes WaytoiterateOverlargedatasetsByyieldingValueatimeinsteadofReturningThemallatonce.1.GeneratorsusetheyieldKeywordtoproduktenvaluesonDemand, ReducingMemoryUsage.2.TheyareusefulforfulforfulfordlingBiglopploups, Lesebiglochen, Leselungen, Lesebigs, Leselung, oder

Tolearnphpeffectival, startbysettingupalocalerverenVironmentusexs -LikexamppandacodeeditorikevScode.1) InstallxamppForapache, MySQL und Php.SeacodeeditorForsyntaxSupport.3) testyourscludingveliktingveliktelaThbiliodble.Neclyble.NektFile

In PHP k?nnen Sie quadratische Klammern oder lockige Klammern verwenden, um Zeichenfolgenspezifikationsspezifische Indexzeichen zu erhalten, aber quadratische Klammern werden empfohlen. Der Index startet von 0 und der Zugriff au?erhalb des Bereichs gibt einen Nullwert zurück und kann keinen Wert zugewiesen; MB_SUBSTR ist erforderlich, um Multi-Byte-Zeichen zu verarbeiten. Zum Beispiel: $ str = "Hallo"; echo $ str [0]; Ausgabe H; und chinesische Zeichen wie Mb_Substr ($ str, 1,1) müssen das richtige Ergebnis erzielen. In den tats?chlichen Anwendungen sollte die L?nge der Zeichenfolge vor dem Schleifen überprüft werden, dynamische Zeichenfolgen müssen für die Gültigkeit verifiziert werden, und mehrsprachige Projekte empfehlen, Multi-Byte-Sicherheitsfunktionen einheitlich zu verwenden.

Toinstallphpquickly, usexampponwindowsorhomebrewonmacos.1.onwindows, download undInstallxampp, SelectComponents, Startapache und PlaceFilesinhtdocscs.2.Anternativ, manuellinstallphpfrfr
