axure如何引入ECharts图表?axure引入ECharts图表的方法

可视化图表可以帮助用户理解梳理产品数据,以图形的方式总结内容,从而可以更直观形象的传达信息 。本文小编来教大家如何在axure软件中引入ECharts图表 。

axure如何引入ECharts图表?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图表的方法 。

    推荐阅读