[Open Flash Chart] 無痛繪製統計圖表

分類: 技術分享 作者: abu

20 8 月 2009

電子商務網站的後台,統籌管理了一堆訂單相關資訊,相對的,客戶對於產品銷售部份,若能搭配上統計圖表,更是一目了然,為了簡易製作出方便快速又美麗的成品,就是借重Open Flash Chart力量的時候....

官網上可以看到各式各樣的圖表,不管是長條圖、曲線圖、圓餅圖等等,都只要把統計數值拋給他,就會產生出美美的圖表,

首先必須先下載library 點我,解壓縮後丟到你的專案裡面,找個地方擺好

接著在你要輸出的樣板裡面,加上這堆↓

swfobject.embedSWF("自訂解壓縮路徑/open-flash-chart.swf", "chart1", "800", "500", "9.0.0", "expressInstall.swf",	{"data-file":"預定產生資料程式"} );

請依照專案狀況修改上述中文部份,就完成了畫面產生部份設定。

接著是資料產生部份,還記得上面剛填寫的"預定產生資料程式"嗎,就是準備編輯他,以下是部份主要程式的範例:

include("自訂解壓縮路徑/php-ofc-library/open-flash-chart.php"); // 載入
$chart = new open_flash_chart();
$title = new title($product->name.'三個月內銷售狀況');
$chart->set_title( $title );
$x = new x_axis();
$x->set_colour( 'gray' );
$x->set_grid_colour( '#86BF83' );
$y = new y_axis();
$y->set_range( 0, 1000, 100);
$chart->set_y_axis( $y );
$bar = new bar();
$output  = new Array('1','2','3');
$bar->set_values( $outpu ); // 欲輸出的資料陣列 
$t = new tooltip( 'Hello<br>val = #val#' );
$t->set_shadow( true );
$t->set_stroke( 5 );
$t->set_colour( "gray" );
$t->set_background_colour( "#FFFFFF" );
$t->set_title_style( "{font-size: 14px; color: #000000;}" );
$t->set_body_style( "{font-size: 14px;  color: #000000;}" );
$chart->add_element( $bar );
$chart->set_tooltip( $t );
echo $chart->toPrettyString();

這邊只是簡易說明,詳細內容官網都可以查到,& 範例也是一大堆,修改一下就能輕鬆呈現你要的樣式~ 算是很方便的圖表繪製外掛,感謝作者。 m(_ _)m

我要留言

關於這裡

這個部落格分享了哇寶在電子商務領域的技術及資訊,希望能讓更多人一起為台灣的網路產業加油。