介紹
FusionCharts Free 是一個跨平臺,跨瀏覽器的flash圖表組件解決方案,能夠被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 簡單 HTML 頁面甚至PPT調用。并提供互動性和強大的圖表,使用XML作為其數據接口,FusionCharts充分利用流體美麗的Flash創建緊湊,互動性和視覺逮捕圖表。
優點
1、有動畫和后臺交互比較方便(ajax);
2、運行在各種平臺;
3、最重要的就是使用簡單
開始使用
前臺javascript代碼(FusionCharts參數不全)
function showChart() { $.get("Handler1.ashx", "", function (data) { var chatr = new FusionCharts("../Charts/FCF_Line.swf", "s2Chart", "500", "400"); /*FusionCharts參數 *第一個 指定Flash *給圖表一個id不能重復(一個頁面多個圖表的時候) *flash的寬度 *flash的高度 */ chatr.setDataXML(data); //設置文件的xml地址或者字符串 chatr.render("p1"); //渲染到id為p1的p中 }); }xml格式
<graph caption='Monthly Unit Sales' xaxisname='Month' yaxisname='Units' shownames='1' decimalprecision='0' formatnumberscale='0'> <set name='1' value='422' color='AFD8F8' ></set> <set name='2' value='857' color='F6BD0F' ></set> <set name='3' value='671' color='8BBA00' ></set> <set name='4' value='494' color='FF8E46' ></set> <set name='5' value='761' color='008E8E' ></set> <set name='6' value='960' color='D64646' ></set> <set name='7' value='629' color='8E468E' ></set> <set name='8' value='622' color='588526' ></set> <set name='9' value='376' color='B3AA00' ></set> <set name='10' value='494' color='008ED6'></set> <set name='11' value='761' color='9D080D'></set> <set name='12' value='960' color='A186BE'></set></graph> FusionCharts常用的屬性
屬性 | 描述 |
|---|---|
圖表和軸的標題及動畫等 | |
caption | 標題 |
subcaption | 副標題 |
xaxisname | X軸的名字 |
yAxisName | y軸的名字 |
animation | 動畫是否開啟 bool類型 |
rotatevalues | 顯示的值形狀 豎式1 橫是0 |
flash背景參數 | |
bgColor | 設置flash的背景顏色 |
bgSWF | 設置一個外部的Flash 為flash的背景 |
圖表背景參數 | |
canvasBgColor | 設置圖表背景的顏色 |
canvasBaseColor | 設置圖表基部的顏色 |
canvasBaseDepth | 設置圖表基部的高度 |
showCanvasBg | 設置是否顯示圖表背景 |
showCanvasBase | 設置是否顯示圖表基部 |
yAxisMinValue | y軸最小值 |
yAxisMaxValue | y軸最大值 |
字體屬性 | |
baseFont | 設置字體樣式 |
baseFontSize | 設置字體大小 |
baseFontColor | 設置字體顏色 |
outCnvBaseFont | 設置圖表外側的字體樣式 |
outCnvBaseFontSze | 設置圖表外側的字體大小 |
outCnvBaseFontColor | 設置圖表外側的字體顏色 |
數字格式選項 | |
numberPrefix | 設置數據值的前綴 |
numberSuffix | 設置數據值的后綴 |
formatNumber | 設置是否格式化數據 |
formatNumberScale | 格式化數據 默認為1 自動格式化 0 不格式化 |
decimalSeparator | 用指定的字符來代替小數點 |
thousandSeparator | 用指定的字符來代替千位分隔符 |
decimalPrecision | 設置十進制的精度 |
pLineDecimalPrecision | 設置y軸數值的小數位數 |
limitsDecimalPrecision | 設置y軸的最大最小值的小數位數 |
水平分隔線 | |
numplines | 設置水平分隔線的數量 |
plinecolor | 設置水平分隔線的寬度 |
pLineAlpha | 設置水平分隔線的透明度 |
showDivLineValue | 設置是否顯示水平分隔線的數值 |
鼠標旋停參數 | |
showhovercap | 顯示是否激活鼠標旋停效果 |
hoverCapBgColor | 設置鼠標旋停效果的背景顏色 |
hoverCapBorderColor | 設置鼠標旋停效果的邊框顏色 |
hoverCapSepChar | 設置鼠標旋停后顯示的文本中的分隔符號 |
圖表邊距的設置 | |
chartLeftMargin | 設置圖表左邊距 |
chartRightMargin | 設置圖表右邊距 |
chartTopMargin | 設置圖表上邊距 |
chartBottomMargin | 設置圖表下邊距 |
154430.html
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
網絡推廣與網站優化公司（網絡優化與推廣專家）作為數字營銷領域的核心服務提供方，其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代，公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而，對于許多公司來說，網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代，企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而，對于許多中小企業來說，高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是，隨...
怎么打開vsd格式文件？我們經常在中遇到很多文件。在我們的工作中，vsd格式需要專門的軟件來打開、瀏覽或編輯。下面介紹如何打開vsd文件。如何打開WORD中的VSD文件？1.在Internet上下載visio安裝包。這里以visio2010為例，打開安裝。2.打開后，選擇安裝程序，通常以。exe。雙擊進行安裝。這里已經安裝了，不再贅述。3.安裝完成后，選擇要打開的vsd文件，右鍵單擊“打開方法”，...
怎么改文件系統？我想把FAT32改成NTFS的？可以通過以下進行轉換，而不會刪除硬盤上的內容:1.在命令提示符下鍵入conv:。其中driv: NTFS帶空格；2000/XP自帶小program-Convert.exe，將FAT或FAT32分區轉換為NTFS分區。它不僅快速易用，而且可以保留這個分區上的原始數據。3.在win running窗口中，輸入 "轉換C:/fs: NTFS "如果你想改...
天龍八部2888武圣卡在那里領??？如何得到它：[1]如果你有麻煩，請打電話給水桶。2獲取旺旺：西部小陽答案name=O，O，非免費使用方法：輸入“天龍八部3”，與大理NPC杜大雙對話（276.267），選擇“天龍2888武生卡”，正確輸入序列號完成激活，達到指定等級后返回NPC多次獲得豐厚獎勵請在30級前使用此卡。如果角色等級在30級以上，則不會被激活。一個賬戶可以使用1張武勝卡。天龍八部2888...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）