arcplan技術(shù)11、flash嵌入應(yīng)用示例說明-v

1、Flash 嵌入 Arcplan 應(yīng)用示例說明作者：Young(arcplan China ）2010.11前言2arcplan 文檔處理21、格式化數(shù)據(jù)52、發(fā)布 arcplan 應(yīng)用并加入接口調(diào)用93、瀏覽應(yīng)用并做最后修正11前言本文將以示例的方式介紹 arcplan 如何結(jié)合 flash 進(jìn)行分析展現(xiàn)。示例中的 falsh 及其相關(guān)文件均來自于互聯(lián)網(wǎng)，本文僅做演示交流用。在 arcplan 應(yīng)用里面使用 flash 嵌入技術(shù)時(shí)一般步驟如下：通過 arcplan 連接數(shù)據(jù)庫(kù)取數(shù)并進(jìn)行相關(guān)運(yùn)算得最終要展現(xiàn)的數(shù)據(jù)；對(duì)數(shù)據(jù)進(jìn)行格式化處理（格式化成 flash 能處理的內(nèi)容）；改造并加入相關(guān)函數(shù)接

2、口并且使得 arcplan 應(yīng)用可以應(yīng)用的頁面中來；根據(jù)實(shí)際要求調(diào)用 flash 并做調(diào)整。這些接口，同時(shí)將 flash 加入到 arcplan下圖是最終的效果：上圖中，除了曲線圖表為 flash 外，其它的均為 arcplan 應(yīng)用的內(nèi)容。接下來將以示例的方式詳細(xì)介紹 arcplan 應(yīng)用嵌入 flash 的方法。arcplan 文檔處理前面提到過，在 arcplan 文檔中需要處理連接數(shù)據(jù)源、取數(shù)、處理數(shù)據(jù)等工作。關(guān)于這內(nèi)容在這里不再一一贅述，如需幫助請(qǐng)參考相關(guān)文檔。現(xiàn)在經(jīng)過以上步驟處理，已經(jīng)得到一個(gè) APD 文檔，需要展現(xiàn)的數(shù)據(jù)如下圖：在得到最終想要在 flash 里展現(xiàn)的數(shù)據(jù)后，就需要

3、去了解 flash的這些數(shù)據(jù)的格式。本例中將以曲線圖flash為例子來演示?，F(xiàn)在得到了一個(gè)能展現(xiàn)曲線圖的SWF 文件以及得知該文件數(shù)據(jù)的結(jié)構(gòu)為如下圖所示：對(duì)應(yīng)的顯示效果如下圖：結(jié)合數(shù)據(jù)結(jié)構(gòu)和 flash 效果可以發(fā)現(xiàn)，該 flash 文件的 XML 格式的文件。所以，需要在 arcplan 設(shè)計(jì)器里面將要展現(xiàn)的數(shù)據(jù)拼接成該 SWF 文件可以識(shí)別的格式。1、 格式化數(shù)據(jù)分析上面圖中的 XML 格式可以發(fā)現(xiàn)，除了 categories 和 datasets 節(jié)點(diǎn)外的內(nèi)容是可以固定的，文本前的一段是對(duì)整個(gè)圖表進(jìn)行格式設(shè)置(如圖表標(biāo)題、背景色等)，而 categories 和 datasets 才是數(shù)

4、據(jù)的展現(xiàn)關(guān)鍵所在，所以下面已經(jīng)在 arcplan 設(shè)計(jì)器里的 column 和 table 對(duì)象 做一些處理，具體如下：Categories要對(duì)新建一個(gè) column 對(duì)象直接數(shù)據(jù)項(xiàng)目列對(duì)象，在該新建的列對(duì)象上面設(shè)置數(shù)據(jù)格式：加上前綴“”。如下圖：由于現(xiàn)在的數(shù)據(jù)項(xiàng)還是在一個(gè)列對(duì)象里面，而對(duì)應(yīng)的 XML 內(nèi)容相當(dāng)于是一個(gè)整體的文本串，所以還需要對(duì)該列使用“columnstotext”函數(shù)轉(zhuǎn)換成一行：新建一個(gè) cell 對(duì)象，在公式中寫入如下圖所示的函數(shù)：因?yàn)樯弦徊綄?duì)列對(duì)應(yīng)設(shè)置了前綴和后綴，這屬于對(duì)對(duì)象的格式進(jìn)行了改變，所以在需要帶格式用引時(shí)要使用 “formattext”函數(shù)。同時(shí)使用 colu

5、mntotext 函數(shù)將該列里的所有行都轉(zhuǎn)成一行在一個(gè)單元格里顯示。各行之間沒有任何符號(hào)分隔（columnstotext 函數(shù)的第二個(gè)參數(shù)指定）。Datasets拼寫 datasets 節(jié)點(diǎn)時(shí)和上面拼寫 category 是一樣的原理，但鑒于多個(gè) datasets 之間有其它說明性的標(biāo)識(shí)（如：等），可以將這一塊特殊處理一下。如下圖：最后，將這三個(gè)對(duì)象使用 它們處理放在一個(gè) cell 對(duì)象里。bine 后的效果：bine 函數(shù)縱向拼接到一個(gè) table 對(duì)象里面，然后同樣使用 columnstotext 函數(shù)將拼接到 cell 里后的效果：到此，XML 格式的數(shù)據(jù)主體已經(jīng)拼接好了。剩下要做的就是

6、將這些拼接好的 cell 對(duì)象全部連接起來。如下圖，加粗字體是固定內(nèi)容，直接輸入。線藍(lán)色背景的兩個(gè)對(duì)象是根據(jù)加前后綴及使用函數(shù)轉(zhuǎn)換過來的：由于在下一個(gè)步驟中會(huì)要設(shè)置arcplan 調(diào)用 flash 的接口，在這里還需要對(duì)arcplan 文檔添加一個(gè)顯示 flash 的功能。在本例中，將使用執(zhí)行 JS 的方法來控制 flash 的顯示（具體 js 函數(shù)會(huì)在下一步中給出），基于這一點(diǎn)，在 arcplan文檔的“ON OPEN”事件里面需要調(diào)用以下函數(shù)：STARTJS ( show_flashchart ; 1 ; 220 ; 250 ; 800 ; 350 ; MSLine.swf ; OBJ32

7、 ; 100 )參數(shù)解釋：show_flashchart 1：220：250：800：350：MSLineswf： OBJ32： 100：S 執(zhí)行顯示 flash 的 JavaScript 函數(shù)，該函數(shù)需要用到 8 個(gè)參數(shù)，分別在后面給出；該 flash 顯示所在的 DIV 層的 ID 號(hào)；該 DIV 距離頁面的左邊距；該 DIV 距離頁面的上邊距； flash 顯示的寬度；flash 顯示的高度；將要顯示的 flash 文件名；該 flash 文件的 XML 內(nèi)容所在的對(duì)象；flash 延遲顯示的時(shí)間（：毫秒）通過以上參數(shù)可以了解到，可以任意控制 flash 顯示的位置及大小。但是由于在 a

8、rcplan designer 里面是看不到 flash 顯示的效果的，于是對(duì)于 DIV 的左、上邊距及 flash 要顯示的大小沒辦法一性確定，所以建議在使用這些參數(shù)時(shí)，將四個(gè)表示位置和大小的值寫在一個(gè)對(duì)象里面，并將該對(duì)象放在“時(shí)的在發(fā)布后的頁面中進(jìn)行調(diào)整 flash 的位置和大小。layer”這樣，可以適2、 發(fā)布 arcplan 應(yīng)用并加入接口調(diào)用將整個(gè) arcplan 應(yīng)用發(fā)布并打開 HTML 起始頁，要對(duì)該文件進(jìn)行修改使得 flash 能集成到應(yīng)用中來。在這之前首先需要了解一下關(guān)于本例中 flash 的一些接口： setDataXML(Dxml)：設(shè)置 falsh的 XML 數(shù)據(jù)內(nèi)容

9、； render(actdiv)：在指定的 DIV 層里顯示 flash。同時(shí)為了適應(yīng)在一個(gè)頁面上展現(xiàn)多個(gè) falsh（即加入多個(gè) DIV），理，具體內(nèi)容如下：還需要另外加入一個(gè)JavaScript 函數(shù)來處另外 ，在實(shí)際應(yīng)用中，可能還要用到隱藏 flash、刷新 flash 的情況，所以這里需要單獨(dú)建立一個(gè).js 文件來保存對(duì) flash 的處理：最后，將 flash 提供的接口和對(duì) flash 操作的功能分別保存在兩個(gè)JS 文件里面。并引入到 arcplan 應(yīng)用的起始頁里面：3、 瀏覽應(yīng)用并做最后修正瀏覽修改后的應(yīng)該時(shí)，flash 的位置和大小可能需要調(diào)整，按鈕前面說的方法，將位置參數(shù)置于 column 或 row對(duì)象里面，在發(fā)布后隨時(shí)調(diào)整就可以。另外，當(dāng)條件切換等原因引起數(shù)據(jù)刷新時(shí)，還要在合適的位置加入刷新 flash 的函數(shù)： refreshflashchart(Cid