資源描述:
《兩款數(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