Axure實(shí)例教程分享（高保真數據可視化原型??）
本文將介紹如何制作Axur(′?｀)e高保真數據可視化原型，實(shí)數據供大家參考和學(xué)習。例教
高保真數據可視化原型設計，程分稱(chēng)得上是享??高型Axure高階水ヽ(′▽?zhuān)?ノ平。
數ヽ(′ー｀)ノ據可視化在原型設計中是可視一個(gè)重要的分支，但是化原對于A(yíng)xure使用者具有一定要求。清晰的實(shí)數據數據可視化(′Д` )原型可以減少與需求方和研發(fā)工程師等的溝通成本，且(??ヮ?)?*:???可具象。例教
Axure本身具有高級交(jiao)互的程分能力，結??合數據可視化的享高型方式，以低成本的可視方式，達到預期的化原??(′?_?`)演??示的效果，(′?_?`)本文介紹如何制作Axure高保真數據可視化原型。實(shí)數據
第1步：拖入內聯(lián)框架（Inline Frame）
在A(yíng)xure操作界面中，例教拖入一個(gè)Inline Frame（中文：內聯(lián)框架）。程分
第2步：選擇帶有實(shí)例圖的HTML頁(yè)面
Ax(╯‵□′)╯ure本身可生(╯°□°）╯︵ ┻━┻成HTML頁(yè)面，本質(zhì)上而言，只要帶有實(shí)例圖的為HTML文件，并可正ヽ(′▽?zhuān)?ノ常訪(fǎng)問(wèn)即可。至于HT(′?ω?`)ML是??以何種方式(shi)制作生成，不做限制。
第3步：修改實(shí)例圖樣式，編輯HTML頁(yè)面代碼
點(diǎn)擊進(jìn)入圖后，所示頁(yè)面如下圖。左側為折線(xiàn)圖效果對應的代碼，右側是折線(xiàn)圖的效果?？梢栽谧髠刃薷拇a，運行??后可??在右側查看修改后的效果（此處不做贅述）。
點(diǎn)擊頁(yè)面右下角ヽ(′ー｀)ノ的“Download”按鈕，下載折線(xiàn)(?????)圖的HTML頁(yè)面。
使用任意一種代碼編輯器（筆者喜歡用komodo），打開(kāi)html頁(yè)面，修改html頁(yè)面代碼中自帶的api。如果發(fā)現運行后html報錯api過(guò)期時(shí)，需要自行創(chuàng )建api，將其進(jìn)行替換。
第4步：創(chuàng )建一(′ω｀)個(gè)新的文件夾
創(chuàng )建一個(gè)新的文件夾（本文命名其為：axure and excharts），文件夾的位置沒(méi)有要求。將下載的HTML頁(yè)面，放置??在文件夾中。
第5步：使用Axure內聯(lián)框架鏈接文件夾中HTML頁(yè)面
雙擊拖入Axure操作界面的內聯(lián)框架（Inline Fr(???)ame），選擇“l(fā)ink to an external ur??l or file”（選擇一個(gè)外部的urd(╯°□°）╯或文件），輸入H(′?_?`)TML頁(yè)(′▽?zhuān)?)面所在的位置及名稱(chēng)（如本文：D:\Des(???)ktop\axure and echarts\line-simple.html），如下圖所示：
第6步：Axure界面中操作生成html文件
點(diǎn)擊生┐(′?｀)┌成html頁(yè)面(mian)按鈕：
將生成html文件的目錄，更改為上文創(chuàng )建的文件夾。如下圖：
點(diǎn)擊確認后，“axure and echarts”文??件夾中會(huì )存在axヾ(＾-＾)ノure生成的html頁(yè)面和html頁(yè)面。同時(shí)，會(huì )自(zi)動(dòng)打開(kāi)一個(gè)html(′ω｀)頁(yè)面，可查看效果，如下圖：
這樣，我們就通過(guò)一個(gè)簡(jiǎn)單的例子，在A(yíng)xure中實(shí)現了數據可視化效果。
中文 
