⑴ 基於php的超炫酷HTML5互動式圖表如何設計
用PHP實現專業級的基於Web的圖表,而無需深入的HTML5和JavaScript知識。
介紹
最近,我需要從一組PHP數據組快速創建圖表。要求圖表必須是互動式的,用戶友好的,也可下載的。在評估了一些PHP圖表的解決方案,包括phpChart、pChart和Highcharts之後,我決定採用phpChart作為我的首選工具。
背景
作為一個主要的後端程序員,我既沒有很多時間去慢慢研究使用JavaScript(客戶想要在24小時內就能在網上看到圖表),也不具備先進的前端編碼知識。從根本上說,我希望幾乎沒有任何前端編程經驗的PHP開發人員也能夠快速開發出精美的圖表。
我試過pChart,一個流行的PHP圖表庫。生成的圖表看起來挺不錯,雖然是可下載的,但圖表都是靜態圖像。Highcharts似乎是最好的選擇。圖表看含碼鎮上去令人驚艷,又是動畫的,並且有很多自定義選項,但同時,它也是非常復雜的,而且需要大量的JavaScript知識。 Highcharts既不是專為PHP設計的,用於商務也不是免費的。
phpChart的基本要素
我最喜歡phpChart的地方就是它能讓人從簡單和最少量的代碼入手。
phpChart精簡版可以從這里下載。下載文件並解壓到網站根目錄。
設置conf.php
我們談粗要做的第一件事是設置變數SCRIPTPATH到conf.php文件的PhpChart類庫。該變數代表了在你的Web伺服器上的phpChart庫的相對或絕對URL。
define(SCRIPTPATH,/phpChart/);
復制代碼
創建最簡單的圖表
包含PHP頭文件conf.php:
require_once(../conf.php);
復制代碼
調用構造函數C_PhpChartX,最後調用draw()函數。
$pc=new C_PhpChartX(array(array(123, 34, 51, 22, 3)), 『simplest_graph』);
$pc-draw();
復制代碼
這就是開始你需要的代碼。下面是經過渲染的輸出。
這就是我所謂的最少量的編碼。當你有一個團隊的程序員來工作的時候,艱辛地去學習基礎就沒有意義了。任何程序模團員盡快想要做的一件事就是從一組新的庫或工具埋頭研究復雜的文檔。
順便說一句,構造函數中的第二個參數的命名對你的圖表而言應該是唯一的。我鍵入的是「simplest_graph」,也可以是任何非空格字元串。它必須是一個唯一的值,這樣你才可以在一個頁面中擁有多個圖表。