Axure插入echarts動態圖表分析

  • 下載:echarts官網下載echart.js
  1. 打開如下網址:https://www.echartsjs.com/zh/download.html
  2. 下拉頁面看到方法三:選擇需要的模塊,在線定製下載。點擊在線定製按鈕。
  3. 選擇要打包的圖表:我選擇了柱狀圖、折線圖、餅圖、雷達圖、線圖、桑基圖、
  4. 選擇要打包的座標系:我選擇了直角座標系、地理座標系
  5. 選擇要打包的組件,我全選了。
  6. 其他選項,在SVG渲染和工具集前面打勾。
  7. 點擊下載echarts.js文件
  • 使用:
  1. 進入echarts官網:https://www.echartsjs.com/zh/index.html -》實例-》官方實例,選擇自己需要的折線圖等,點擊“download”下載html文件***.html,也可以修改前端代碼,完成自己需要的可視化圖之後,保存下載。
  2. Axure中加入內聯框架,並按F8,本地生成HTML文件。
  3. 將下載的echarts.js文件放在本地生成的HTML文件路徑……\resources\scripts下。
  4. 將官網下載的html文件***.html放在本地生成的HTML文件路徑……\下,和index.html同一目錄下:
  5. 將area-stack.html的本地路徑引入到axure的內聯框架中。
  6. F8生成HTML文件,查看效果。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章