可视化图表可以帮助用户理解梳理产品数据,以图形的方式总结内容,从而可以更直观形象的传达信息 。本文小编来教大家如何在axure软件中引入ECharts图表 。
文章插图
1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去 。
2、在左侧界面的元件库中,找到矩形元件形状,点击拖拽到右侧的页面中去;并将矩形调整为合适的大小,即图表需要的尺寸 。
3、点击右上角的【发布】按钮,在弹出的窗口中进入到常规界面,选择保存路径位置,将页面生成Html文件 。
4、搜索进入到ECharts官方网站中,下载一个js文件,常用的能够支持绝大多数图表,当然也可以下载完整的 。
5、接着我们需要将js文件放置于发布文件的“\resources\scripts”目录下 。
6、下一步为发布的页面添加Echarts 的JS引入,步骤如下:
· 找到需要添加的ECharts的页面,使用编辑器打开,在后面添加“”双引号 。
· 点击【实例 - 官方实例】,选择需要嵌入的图表,点击进入编辑界面 。
· 根据需求编辑图表的数据和标题等,完成后点击右下角的下载按钮,下载页面 。
7、下载后使用编辑工具打开页面,复制代码,再将复制的内容粘贴到引入js代码的下面 。
8、复制矩形的ID,粘贴到图表代码替换为矩形的ID 。
9、最后点击【预览】按钮,即可查看效果 。
【axure如何引入ECharts图表?axure引入ECharts图表的方法】以上就是关于如何在axure软件中引入ECharts图表的方法,朋友们可以通过练习熟练掌握引入ECharts图表的方法 。
推荐阅读
- 如何修改axure文件默认保存位置?axure怎么更改默认保存位置?
- PS做质感透明效果教程 PS如何把物体做出透明效果?
- axure如何制作面积图?axure彩色面积图绘制方法
- axure如何制作窗口弹出动作?axure关于弹窗的制作方法
- 如何让烂根的蝴蝶兰长新根
- 如何辨别天堂鸟的真假
- 茉莉花如何晒太阳
- 盆栽辣椒如何养护结出小辣椒
- 夏季鹤望兰如何修剪生长更好
- 夏天如何养护一品红叶片红似水