準備工作:
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預覽模式查看,需要重新發布生成,查看效果
另:這個問題暫時無解決辦法。。。。。,沒有研究過。。。。放之。。。。