一種基于flex構(gòu)建3d柱狀圖的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種基于FLEX構(gòu)建3D柱狀圖的方法。
【背景技術(shù)】
[0002]數(shù)據(jù)的繁雜使得用戶在觀看和解讀分析時(shí)非常疲勞，且容易出錯(cuò)，通過(guò)圖形以一體化的方式來(lái)顯示數(shù)據(jù)，具有直觀便捷的效果，可以讓用戶能快速的了解數(shù)據(jù)的數(shù)值、趨勢(shì)和對(duì)比狀況等，從而能更加準(zhǔn)確的進(jìn)行分析、評(píng)估和決策。由此，3D柱狀圖應(yīng)運(yùn)而生。
[0003]但，現(xiàn)今網(wǎng)絡(luò)環(huán)境中出現(xiàn)的3D柱狀圖僅僅只是平面圖形的立體畫，不能從多個(gè)角度觀察圖形數(shù)據(jù)的展示。

【發(fā)明內(nèi)容】

[0004]為了解決【背景技術(shù)】中存在的技術(shù)問(wèn)題，本發(fā)明提出了一種基于FLEX構(gòu)建3D柱狀圖的方法。
[0005]本發(fā)明提供一種基于FLEX構(gòu)建3D柱狀圖的方法，包括如下步驟:
[0006]基于Flex的act1nScript腳本繪制，米用act1nScript的Shape簡(jiǎn)單圖形接口和Graphics矢量形狀創(chuàng)建方法結(jié)合數(shù)學(xué)算法勾畫出3D模型；
[0007]使用remove Children方式清空?qǐng)D形區(qū)域，實(shí)時(shí)響應(yīng)addEventListener監(jiān)聽(tīng)mouseEvent，clickEvent，M0USE_M0VE，M0USE_UP等各類鼠標(biāo)事件派發(fā)函數(shù)進(jìn)行處理；
[0008]通過(guò)Flex的stage的舞臺(tái)性質(zhì)將平面像素轉(zhuǎn)換為矢量坐標(biāo)形式；
[0009]通過(guò)偏向45度角，定義設(shè)置X、Y、Z三重坐標(biāo)形式；
[0010]通過(guò)獲取鼠標(biāo)移動(dòng)的距離和角度，將鼠標(biāo)移動(dòng)模擬成在以原點(diǎn)為圓心，3D柱狀圖較長(zhǎng)的一邊為半徑的球體上運(yùn)動(dòng)，以此計(jì)算3D柱狀圖應(yīng)旋轉(zhuǎn)的方向和角度，使該球體保持與鼠標(biāo)的相對(duì)位置不變，讀取鼠標(biāo)在界面畫布的位置按正確的角度重繪圖形；
[0011]以清空-移位-重繪的循環(huán)達(dá)到實(shí)現(xiàn)3D柱狀圖全方位移動(dòng)旋轉(zhuǎn)的動(dòng)畫效果；
[0012]將3D柱狀圖數(shù)據(jù)源，寬，高，X軸，y軸，z軸等獨(dú)立對(duì)象化，抽離出參數(shù)設(shè)置API和變量供使用者調(diào)用；
[0013]通過(guò)變量的傳入，在圖形初始化時(shí)讀取變量，使得Graphics繪制圖形時(shí)確定柱形的各項(xiàng)元素，通過(guò)相應(yīng)Event事件調(diào)用API調(diào)用達(dá)到與用戶交互的效果；
[0014]編譯打包成一個(gè)完整的swf文件，供使用者調(diào)用使用。
[0015]基于上述技術(shù)方案的公開，本發(fā)明提供的所述基于FLEX構(gòu)建3D柱狀圖的方法可響應(yīng)鼠標(biāo)的拖拽事件，能夠進(jìn)行360度球體式的立體旋轉(zhuǎn)，能夠從各個(gè)角度觀察圖形數(shù)據(jù)的展示；可個(gè)性化定時(shí)3D柱狀圖數(shù)據(jù)源和柱形條的UI圖形條；能夠支持跨語(yǔ)言性平臺(tái)調(diào)用不單單基于Flex語(yǔ)言的使用，也可使用javascript的直接調(diào)用展示。
【附圖說(shuō)明】
[0016]圖1為本發(fā)明提出的一種基于FLEX構(gòu)建3D柱狀圖的方法的流程圖。
【具體實(shí)施方式】
[0017]下面結(jié)合附圖對(duì)本發(fā)明的實(shí)施例進(jìn)行詳述。
[0018]請(qǐng)參閱圖1，本實(shí)施例提供一種基于FLEX構(gòu)建3D柱狀圖的方法，包括如下步驟:
[0019]S1、基于 Flex 的 act1nScript 腳本繪制，米用 act1nScript 的 Shape 簡(jiǎn)單圖形接口和Graphics矢量形狀創(chuàng)建方法結(jié)合數(shù)學(xué)算法勾畫出3D模型。
[0020]S2、使用remove Children方式清空?qǐng)D形區(qū)域，實(shí)時(shí)響應(yīng)addEventListener監(jiān)聽(tīng)mouseEvent，clickEvent，M0USE_M0VE，M0USE_UP等各類鼠標(biāo)事件派發(fā)函數(shù)進(jìn)行處理。
[0021]S3、通過(guò)Flex的stage的舞臺(tái)性質(zhì)將平面像素轉(zhuǎn)換為矢量坐標(biāo)形式。
[0022]S4、通過(guò)偏向45度角，定義設(shè)置X、Y、Z三重坐標(biāo)形式。
[0023]S5、通過(guò)獲取鼠標(biāo)移動(dòng)的距離和角度，將鼠標(biāo)移動(dòng)模擬成在以原點(diǎn)為圓心，3D柱狀圖較長(zhǎng)的一邊為半徑的球體上運(yùn)動(dòng)，以此計(jì)算3D柱狀圖應(yīng)旋轉(zhuǎn)的方向和角度，使該球體保持與鼠標(biāo)的相對(duì)位置不變，讀取鼠標(biāo)在界面畫布的位置按正確的角度重繪圖形。
[0024]S6、以清空-移位-重繪的循環(huán)達(dá)到實(shí)現(xiàn)3D柱狀圖全方位移動(dòng)旋轉(zhuǎn)的動(dòng)畫效果。
[0025]S7、將3D柱狀圖數(shù)據(jù)源，寬，高，X軸，y軸，z軸等獨(dú)立對(duì)象化，抽離出參數(shù)設(shè)置API和變量供使用者調(diào)用:width(圖表區(qū)域?qū)挾?；height(圖表區(qū)域高度)；xLabel、yLabel:(X軸、y軸標(biāo)簽，提供變量參數(shù)格式化顯示API，如{year}年)！IegendLabel (圖例標(biāo)簽變量)！clickEvent:(柱體點(diǎn)擊事件API，傳入一個(gè)回調(diào)函數(shù)，在柱體點(diǎn)擊時(shí)，軟件將回調(diào)此參數(shù)，并傳入被點(diǎn)擊的柱體數(shù)據(jù))；datasource (數(shù)據(jù)源)；columnColors (柱體顏色，傳入一個(gè)顏色數(shù)組)；tip(鼠標(biāo)滑過(guò)柱體時(shí)顯示的提示信息)。
[0026]S8、通過(guò)變量的傳入，在圖形初始化時(shí)讀取變量，使得Graphics繪制圖形時(shí)確定柱形的各項(xiàng)元素，通過(guò)相應(yīng)Event事件調(diào)用API調(diào)用達(dá)到與用戶交互的效果。
[0027]編譯打包成一個(gè)完整的swf文件，供使用者調(diào)用使用。
[0028]使用時(shí)，先引入3D柱狀圖的swf文件；再定義任意畫布類文件，通過(guò)引入swf所在的絕對(duì)路徑進(jìn)行調(diào)用；最后設(shè)置3D柱狀圖統(tǒng)計(jì)展示的數(shù)據(jù)源，以及參數(shù)變量屬性，傳入必須變量，如對(duì)象類型格式，{dataProvider:.., cat:.., xField:.., yFields:.., zLabeIs:..., };然后保存運(yùn)行。
[0029]綜上，本發(fā)明提供的所述基于FLEX構(gòu)建3D柱狀圖的方法可響應(yīng)鼠標(biāo)的拖拽事件，能夠進(jìn)行360度球體式的立體旋轉(zhuǎn)，能夠從各個(gè)角度觀察圖形數(shù)據(jù)的展示；可個(gè)性化定時(shí)3D柱狀圖數(shù)據(jù)源和柱形條的UI圖形條；能夠支持跨語(yǔ)言性平臺(tái)調(diào)用不單單基于Flex語(yǔ)言的使用，也可使用javascript的直接調(diào)用展示。
[0030]以上所述，僅為本發(fā)明較佳的【具體實(shí)施方式】，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，根據(jù)本發(fā)明的技術(shù)方案及其發(fā)明構(gòu)思加以等同替換或改變，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。
【主權(quán)項(xiàng)】
1.一種基于FLEX構(gòu)建3D柱狀圖的方法，其特征在于，包括如下步驟: 基于Flex的act1nScript腳本繪制，采用act1nScript的Shape簡(jiǎn)單圖形接口和Graphics矢量形狀創(chuàng)建方法結(jié)合數(shù)學(xué)算法勾畫出3D模型； 使用remove Children方式清空?qǐng)D形區(qū)域，實(shí)時(shí)響應(yīng)addEventListener監(jiān)聽(tīng)mouseEvent，clickEvent，M0USE_M0VE，M0USE_UP等各類鼠標(biāo)事件派發(fā)函數(shù)進(jìn)行處理； 通過(guò)Flex的stage的舞臺(tái)性質(zhì)將平面像素轉(zhuǎn)換為矢量坐標(biāo)形式； 通過(guò)偏向45度角，定義設(shè)置X、Y、Z三重坐標(biāo)形式； 通過(guò)獲取鼠標(biāo)移動(dòng)的距離和角度，將鼠標(biāo)移動(dòng)模擬成在以原點(diǎn)為圓心，3D柱狀圖較長(zhǎng)的一邊為半徑的球體上運(yùn)動(dòng)，以此計(jì)算3D柱狀圖應(yīng)旋轉(zhuǎn)的方向和角度，使該球體保持與鼠標(biāo)的相對(duì)位置不變，讀取鼠標(biāo)在界面畫布的位置按正確的角度重繪圖形； 以清空-移位-重繪的循環(huán)達(dá)到實(shí)現(xiàn)3D柱狀圖全方位移動(dòng)旋轉(zhuǎn)的動(dòng)畫效果； 將3D柱狀圖數(shù)據(jù)源，寬，高，X軸，y軸，z軸等獨(dú)立對(duì)象化，抽離出參數(shù)設(shè)置API和變量供使用者調(diào)用； 通過(guò)變量的傳入，在圖形初始化時(shí)讀取變量，使得Graphics繪制圖形時(shí)確定柱形的各項(xiàng)元素，通過(guò)相應(yīng)Event事件調(diào)用API調(diào)用達(dá)到與用戶交互的效果； 編譯打包成一個(gè)完整的swf文件，供使用者調(diào)用使用。
【專利摘要】本發(fā)明公開了一種基于FLEX構(gòu)建3D柱狀圖的方法，可響應(yīng)鼠標(biāo)的拖拽事件，能夠進(jìn)行360度球體式的立體旋轉(zhuǎn)，能夠從各個(gè)角度觀察圖形數(shù)據(jù)的展示；可個(gè)性化定時(shí)3D柱狀圖數(shù)據(jù)源和柱形條的UI圖形條；能夠支持跨語(yǔ)言性平臺(tái)調(diào)用不單單基于Flex語(yǔ)言的使用，也可使用javascript的直接調(diào)用展示。
【IPC分類】G06T19/20, G06F9/44
【公開號(hào)】CN105224329
【申請(qǐng)?zhí)枴緾N201510654309
【發(fā)明人】張寶泉
【申請(qǐng)人】蘇州工業(yè)園區(qū)凌志軟件股份有限公司
【公開日】2016年1月6日
【申請(qǐng)日】2015年10月10日