- 相關(guān)推薦
PHP創(chuàng)建漂亮圖表的步驟
PHP和MySQL被認(rèn)為是用于服務(wù)器端語(yǔ)言和數(shù)據(jù)庫(kù)的最好結(jié)合之一，目前被許多流行的web應(yīng)用程序使用，那么怎么用PHP創(chuàng)建漂亮的圖表，一起來(lái)看看!
步驟0：準(zhǔn)備數(shù)據(jù)
由于需要在計(jì)劃對(duì)數(shù)據(jù)可視化之前，先準(zhǔn)備好數(shù)據(jù)，所以我叫這一步為步驟0，而非步驟-1。
FusionCharts既理解XML，也理解JSON數(shù)據(jù)格式，不過(guò)在本教程中，我們只用JSON。我們將通過(guò)轉(zhuǎn)換以下數(shù)據(jù)為FusionCharts認(rèn)可的JSON鍵值來(lái)啟動(dòng)我們的教程。
| 月份 | 收入 |
| Oct | 490000 |
| Nov | 900000 |
| Dec | 730000 |
下面是上述數(shù)據(jù)的JSON表示：
[ {"label": "Oct", "value": "490000"}, {"label": "Nov", "value": "900000"}, {"label": "Dec", "value": "730000"}]
我們將使用上述數(shù)據(jù)繪制條形圖，并格式化我們的行為。對(duì)于其他圖表類(lèi)型，可能會(huì)有點(diǎn)復(fù)雜。
步驟1：引用依賴(lài)性
在這一步中，我們將包括FusionCharts的核心JavaScript庫(kù)和PHP圖表包裝程序。
具體是這樣做到的：
步驟2：創(chuàng)建圖表對(duì)象
這一步我們要使用FusionCharts的PHP包裝程序類(lèi)為我們的圖表 $coolChart 創(chuàng)建一個(gè)對(duì)象。創(chuàng)建圖表對(duì)象的語(yǔ)法如下：
$objectName = new FusionCharts("chart type", "unique chart ID", "Chart Width", "Chart Height", "HTML Element for Chart", "Chart Data Format", "Data Source");
下面的圖表對(duì)象用于我們要在本教程中創(chuàng)建的圖表：
$coolChart = new FusionCharts("bar2d", "myCoolPHPChart", "100%", "600", "barchart-container", "json", '{ "chart": { "caption": "Monthly revenue for Q4 - 2015", "xAxisName": "Month", //Other Chart Options }, "data": [{ "label": "Oct", "value": "490000" } //More Chart Data }');
上述語(yǔ)法中提到的“Data Source”包含兩個(gè)對(duì)象：
圖表對(duì)象：包括負(fù)責(zé)圖表交互性和裝飾的各種屬性。它們中的一些說(shuō)明如下：
showHoverEffect：(布爾型)，用于啟用或禁用圖表中的懸停效果。
plotFillHoverColor：(十六進(jìn)制代碼/顏色名稱(chēng))用來(lái)定義鼠標(biāo)懸停的曲線顏色。
plotFillHoverAlpha：(整型)用于定義懸停顏色的透明度。
baseFont：(字符串)用于定義圖表的字體類(lèi)型。
baseFontSize：(整型)用于設(shè)置圖表的字體大小。
baseFontColor：(十六進(jìn)制代碼/顏色名稱(chēng))用于設(shè)置圖表的字體顏色。
數(shù)據(jù)對(duì)象：包括用于每個(gè)數(shù)據(jù)圖的標(biāo)簽和它們相應(yīng)的值�？梢员惶砑拥綌�(shù)據(jù)對(duì)象內(nèi)的其它屬性是：
displayValue：(字符串)允許你為特殊的數(shù)據(jù)圖設(shè)置自定義的字符串值。
link：(字符串)允許你通過(guò)數(shù)據(jù)圖鏈接到網(wǎng)頁(yè)，drill-down圖表或自定義的JavaScript函數(shù)來(lái)獲取更進(jìn)一步的圖表功能。
showLabel：(布爾型)用于啟用或禁用特定數(shù)據(jù)圖(欄)的標(biāo)簽顯示。
有很多可用的自定義選項(xiàng)可以根據(jù)你的具體使用情況使用。你可以查看這個(gè)龐大的圖表屬性列表來(lái)進(jìn)行進(jìn)一步探索。
步驟3：渲染圖表
在渲染圖表時(shí)，我們要定義HTML
元素。下面是做法：
Cool Chart on its way!
要渲染圖表，我們將調(diào)用render方法用于上面步驟中創(chuàng)建的圖表對(duì)象。
$coolChart->render();
如果你正確地按照我上面提到的步驟去做，那么現(xiàn)在你應(yīng)該已經(jīng)創(chuàng)建好了一個(gè)圖表。如果你在你的代碼中發(fā)現(xiàn)任何錯(cuò)誤，也可以參閱 GitHub代碼倉(cāng)庫(kù)以獲得這個(gè)項(xiàng)目的全部源代碼。
【PHP創(chuàng)建漂亮圖表的步驟】相關(guān)文章：
在PPT創(chuàng)建圖表的方法05-21
PHP的安裝步驟05-08
php操作mysql步驟06-04
php開(kāi)啟openssl的步驟08-11
excel如何制作漂亮統(tǒng)計(jì)圖表03-15
PHP如何創(chuàng)建數(shù)據(jù)庫(kù)07-18