兩款數(shù)據(jù)圖表flash插件

兩款數(shù)據(jù)圖表flash插件

ID:34426691

大?。?97.80 KB

頁數(shù):11頁

時間:2019-03-06

兩款數(shù)據(jù)圖表flash插件_第1頁
兩款數(shù)據(jù)圖表flash插件_第2頁
兩款數(shù)據(jù)圖表flash插件_第3頁
兩款數(shù)據(jù)圖表flash插件_第4頁
兩款數(shù)據(jù)圖表flash插件_第5頁
資源描述:

《兩款數(shù)據(jù)圖表flash插件》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在工程資料-天天文庫

1、介紹2款flash圖表插件的用法因為最近有做訪問量分析的功能,里面要添加flash圖表,所以有找兩個flash插件用看看,我的話只是調(diào)整樣式,所以感覺用起來還比較簡單。大家如果有需要可以用看看。1.OpenFlashChartOpenFlashChart是一款開源的以Flash和Javascript為技術基礎的免費圖表,用它創(chuàng)建的報表分析圖表無論是樣式還是效果都是非常好的。哈!最主要它是開源和免費的。支持的瀏覽器:IE6/7/8,Firefox2.x+,Safari3.0+,Opera9.5+以及Kon

2、queror4.x+支持的語言API:PHP,Perl,Python,Java,RubyonRails,asp.Net來控制圖表使用方法:1)先下載open-flash-chart-1.9.7版本,目前最新版的是Version2LugWyrmCharmer,但目前不知道是什么原因,下載后看不到包內(nèi)自帶的Demo,所以還是先用1.9.7版本。下載地址:http://sourceforge.net/projects/openflashchart/files/open-flash-chart/1.9.7/2)

3、打開壓縮包,目錄如下:在此目錄中會有多種基礎圖表,部分樣式如下:柱形圖折線圖餅圖可在其中選一項進行復制,再用AdobeDreamweaver打開。1)修改方法:可以在這里設定圖表的寬高so.addVariable是固定的,“,”前是設定屬性,“,”后則是設定的值。各項參數(shù)可查看下表:元素/屬性形狀或作用參數(shù)1參數(shù)2參數(shù)3參數(shù)4參數(shù)5title顯示圖表主題(最上方)主題名稱樣式stylex_legendX坐標說明(最下方,與X軸平行)說明信息字體大小字體顏色y_legendY坐標說明(最左邊,與Y軸平行)

4、說明信息字體大小字體顏色x_labels設置X軸坐標顯示y_label_sizex_label_style設置X軸樣式字體大小字體顏色角度(0:0度,1:90度,2:45度)設置X軸線條間隔X軸間隔線條顏色y_label_style設置Y軸樣式字體大小字體顏色x_ticks控制X軸坐標標記顯示X軸坐標標記長度y_ticks控制Y軸坐標標記顯示Y軸坐標標記最小長度Y軸坐標標記最大長度將Y軸分割成幾個段X_min設置X軸坐標最小值X軸坐標最小值x_max設置X軸坐標最大值X軸坐標最大值y_min設置Y軸坐標

5、最小值Y軸坐標最小值y_max設置Y軸坐標最大值Y軸坐標最大值bg_colour設置背景顏色inner_background設置坐標區(qū)域內(nèi)部顏色顏色1顏色2(從顏色1漸變到顏色2)漸變角度bg_image設置背景圖片圖片位置bg_image_x設置圖片橫向位置[left

6、center

7、right]bg_bg_image_y設置圖片縱向位置[top

8、middle

9、bottom]x_axis_colour設置X軸顏色y_axis_colour設置Y軸顏色x_axis_steps設置X軸線條間隔x_axis_

10、3d設置X軸3d效果的高度x_grid_colour設置X軸線條顏色y_grid_colour設置Y軸線條顏色show_y2設置Y軸右邊也顯示坐標[true

11、false]y2_lines設置哪個圖是根據(jù)右邊Y坐標的值來顯示[可以有多個]y_format格式化Y軸顯示(常與#val#等聯(lián)合使用)Values(假如有多個值,可設置值用values_2與line_2對應添加)num_decimals格式化小數(shù)位數(shù)is_fixed_num_decimals_forced是否強制格式化小數(shù)[true

12、false]

13、is_decimal_separator_comma是否使用小數(shù)分隔符[true:,

14、false:.](與千位分隔符相反)is_thousand_separator_disabled是否使用千位分隔符[true

15、false]x_offset是否自動補償以適應圖的顯示[true

16、false]bar柱狀圖透明度顏色名稱#key#名稱字體大小bar_glass水晶柱狀圖透明度內(nèi)部顏色外框顏色名稱#key#名稱字體大小bar_fade漸變柱狀圖透明度顏色名稱#key#名稱字體大小bar_arrow帶有箭頭的柱狀

17、圖透明度顏色名稱#key#名稱字體大小bar_3d3D立體柱狀圖Line(假如有多條,可以用line_2,line_3來添加)折線圖線的粗細顏色線的文案字體大小點的大小Line_hollow空心點折線圖線的粗細顏色線的文案字體大小點的大小Line_dot實心點折線圖線的粗細顏色線的文案字體大小點的大小特性:一定要自行設定圖表的最大值,不能自動生成。優(yōu)點:圖表樣式比較美觀,且動態(tài)效果很好。缺點:圖表類型較少,我下的版本只有8種。1.Fusio

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。