Axure插入echarts动态图表分析
- 下载:echarts官网下载echart.js
- 打开如下网址:https://www.echartsjs.com/zh/download.html
- 下拉页面看到方法三:选择需要的模块,在线定制下载。点击在线定制按钮。
- 选择要打包的图表:我选择了柱状图、折线图、饼图、雷达图、线图、桑基图、
- 选择要打包的坐标系:我选择了直角坐标系、地理坐标系
- 选择要打包的组件,我全选了。
- 其他选项,在SVG渲染和工具集前面打勾。
- 点击下载echarts.js文件。
- 使用:
- 进入echarts官网:https://www.echartsjs.com/zh/index.html -》实例-》官方实例,选择自己需要的折线图等,点击“download”下载html文件***.html,也可以修改前端代码,完成自己需要的可视化图之后,保存下载。
- Axure中加入内联框架,并按F8,本地生成HTML文件。
- 将下载的echarts.js文件放在本地生成的HTML文件路径……\resources\scripts下。
- 将官网下载的html文件***.html放在本地生成的HTML文件路径……\下,和index.html同一目录下:
- 将area-stack.html的本地路径引入到axure的内联框架中。
- F8生成HTML文件,查看效果。