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文件,查看效果。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章