Axure中嵌入echart動態圖表,實現可視化視圖

準備工作:

1.echart官網:https://www.echartsjs.com/index.html

下載echart.min.js,後面放出Axure中引用;

2.進入echart官網-》實例-》官方實例,選擇自己需要的柱狀圖、餅圖或者線形圖等(也可以在社區-》gallery,

這裏都是個人上傳的可視化圖,比較實用),也可以自己根據需要修改前端代碼,完成自己所需要的可視化圖,

注意:編輯完成後不要修改如下圖所示,切換背景顏色,不然你的辛苦勞作會丟失的!!!!!

點擊右下角Download下載一個html,作爲後續引入axure內聯框架中。

3.在axure中加入一個內聯框架,如下圖所示:

最後在本地生成HTML文件,將下載的echart.min.js引入到生成的HTML文件下\resources\scripts這個路徑下,

同時將生成的HTML文件與在echart中官網可視化圖或者自定義可視化圖導出的html放在一個目錄下,如下圖:

然後將area-basic.html的本地路徑引入axure的內聯框架之中即可。

注意:查看效果不要axure預覽模式查看,需要重新發布生成,查看效果

另:這個問題暫時無解決辦法。。。。。,沒有研究過。。。。放之。。。。

發佈了2 篇原創文章 · 獲贊 2 · 訪問量 2178
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章