FusionCharts學習總結一、簡介FusionCharts是InfoSoft Global公司的一個產品,InfoSoft Global公司是專業的Flash圖形方案提供商,他們還有幾款其他的,基于Flash技術的產品,都非常的漂亮。FusionChartsFree則是FusionCharts提供的一個免費版本,雖然免費,功能依然強大,圖形類型依然豐富。FusionChartsfree是一個跨平臺,跨瀏覽器的flash圖表組件解決方案,能夠被ASP.NET,ASP,PHP,JSP,ColdFusion,RubyonRails,簡單HTML頁面甚至PPT調用。FusionChartsfree新版本中所做的改動:?增加了使用jsp和RubyonRails來集成FusionCharts的代碼和文檔
由于項目需求需要做一個報表,選擇FusionCharts作為工具使用。由于以前沒有接觸過報表,網上也沒有比較詳細的fusionCharts教程,所以決定好好研究FusionCharts,同時做一個比較簡單的教程提供參考。由于能力有限(應屆畢業生的菜鳥而已),所以教程(學習筆記而已)不免會有錯誤,望別噴,望指正。當然肯定避免不了會參考其他資料的。
Fusioncharts是一個基于Flash的圖表組件,可以用來提供數據驅動的動態圖標,fusioncharts可用于任何網頁腳本語言如, HTML格式,JSP技術等等。提供交互式和強大的動態圖標,fusioncharts充分利用流體美麗的Flash為模板,使用XML作為其數據接口,創造緊湊,互動和真正的動態圖表。
1、顏色值使用16進制表示,不需要#前綴,比如紅色:FF00002、透明度,有效范圍0~1003、下面的例圖是用2D柱狀圖有需要的時候會引入其他類型的圖。4、布爾類型的值都用’1’和’0’表示。1、背景(Background)bgColor="FF0000"bgColor="00FF00"bgColor="FF0000,00FF00"相關屬性參數:1):bgColor設置背景顏色。
a) first FusionCharts1.新建web項目 在web根目錄下(以下簡稱 “/”)新建FusionCharts目錄用來存放*.swf模版/datas—存放靜態數據源2.將下載解壓包中的/Charts 下的所有文件copy到FusionCharts內。(實際開發選擇你所要使用
FusionCharts的JavaScript類API提供了大量的功能。
1.在html中可以根據不同情況選擇插入xml文件還是JS字符串setDataXML(testvalue);//用于導入JS字符串myChart.setDataURL("../FrameData.xml
將Charts文件夾拷貝到工程的WebRoot根目錄下。此文件夾中包含所有的flash文件、控件操作JS(FusionCharts.js)和控件引入JSP片段(FusionChartsRenderer.jsp)。
FusionCharts是一個基于Flash的圖表組件,可以用來提供數據驅動的動態圖表,fusioncharts可用于任何網頁腳本語言,如HTML,JSP等。提供交互式和強大的動態圖標,fusioncharts充分利用流體美的Flash為模版,使用XML作為數據接口,產生和用戶互動的動態圖表。2.數據接口XML:FusionCharts是以XML為數據接口而成圖表。
FusionCharts:橫坐標標簽較長時顯示方式 1.wrap方式 2.旋轉顯示 3.交錯顯示 4.每隔N個顯示一個標簽 5.截取顯示,在tooltip中全顯示
fusionCharts真實導出圖片fusionCharts導出圖片請記住以下步驟:1:下載相關文件要想導出圖片必須下載fusionCharts3.1以上的破解版,除了自己需要的swf文件外(包括FCExporter.swf)還要兩個js文件:相信各位應該很清楚FCExporter.swf和這兩個js的用途,在這我就不做多解釋了!將兩個js導入jsp頁面:2:生成報表實現報表很簡單.
1導出為PDF或圖像>“服務器端出口榜單>下載導出的選舉作為輸出當返回導出的輸出下載到瀏覽器(圖像/PDF格式),整個流程看起來下:在您的Web頁的圖表中讀取XML數據,并呈現。?此XML數據包含的參數,幫助您配置的出口參數。當用戶在圖表上點擊右鍵并選擇菜單項的出口圖表,圖表中的數據發送到服務器(其中FusionCharts的出口采取行動來處理程序)。服務器端處理程序接受來自圖表導出此位圖數據,以及其他參數,生成圖像/PDF和返回回瀏覽器。讓我們快速了解如何配置整個安裝。
FusionCharts的官方四大分類:1.FusionCharts;2.FusionMaps;3.FusionWidgets;4.PowerCharts每種類型我還是貼個圖吧(從左到右依次對應):?二.關于FusionCharts的FusionCharts大家知道了FusionCharts分類以后,就明白了FusionCharts的FusionCharts吧。之前我們小組研究FusionCharts的時候,這個念法一直都覺得很繞口,現在熟悉了,就好了。
FusionCharts 學習總結一、簡介FusionCharts是InfoSoft Global公司的一個產品,InfoSoftGlobal公司是專業的Flash圖形方案提供商,他們還有幾款其他的,基于Flash技術的產品,都非常的漂亮。FusionChartsFree則是FusionCharts提供的一個免費版本,雖然免費,功能依然強大,圖形類型依然豐富。FusionCharts free是一個跨平臺,跨瀏覽器的flash圖表組件解決方案,能夠被ASP.NET,ASP,PHP,JSP,ColdFusion,RubyonRails,簡單HTML頁面甚至PPT調用。FusionChartsfree新版本中所做的改動:?增加了使用jsp和RubyonRails來集成FusionCharts的代碼和文檔。
extjs中使用FusionChart舉例、統計數據柱狀顯示、柱狀3D效果顯示一.前言在項目實施中,設計統計部分經常會使用圖表進行顯示,在Extjs3中內置了圖表控件,但實際表現無法達到3D的美觀效果,通過查找FusionChart可以實現比較美觀的3D或2D圖表顯示。
Fusioncharts是一個基于Flash的圖表組件,可以用來提供數據驅動的動態圖標,fusioncharts可用于任何網頁腳本語言如, HTML格式,JSP技術等等。提供交互式和強大的動態圖標,fusioncharts充分利用流體美麗的Flash為模板,使用XML作為其數據接口,創造緊湊,互動和真正的動態圖表。
3D餅圖屬性(Pie3D.swf ) animation 是否顯示加載圖表時的動畫 palette 內置的圖表樣式,共5個 paletteColors 自定義圖表元素顏色(為多個,如過過少會重復) showAboutMenuItem 右鍵是否顯示"關于FusionCharts" aboutMenuItemLabel 右鍵關于自定義文字 aboutMenuItemLink 右鍵關于自定義鏈接(FusionCharts鏈接格式) showZeroPies 是否顯示0值的餅
FusionCharts free 是一個跨平臺,跨瀏覽器的flash圖表組件解決方案,能夠被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 簡單 HTML 頁面甚至PPT調用。你不需要知道任何關于flash編程的知識,你只需要知道你所用的編程語言就可以了。
一.FusionCharts的分類關于FusionCharts的基本介紹我就不在這里浪費篇幅了,想了解的朋友自己去www.baigoogedu.com里面找吧。
Fusioncharts是一個基于Flash的圖表組件,可以用來提供數據驅動的動態圖標,fusioncharts可用于任何網頁腳本語言如, HTML格式,JSP技術等等。提供交互式和強大的動態圖標,fusioncharts充分利用流體美麗的Flash為模板,使用XML作為其數據接口,創造緊湊,互動和真正的動態圖表。