Axure夜话:嵌入代码系列视频教程之嵌入图表
案例描述:嵌入图表知识点:
嵌入代码
内部框架
效果图:
在线效果预览:(firefox原型文件)
AxShare在线效果预览:
原型下载地址:嵌入图表rp 嵌入图表.html
在线视频:
实现步骤:
1:选择jschart插件>>打开http://www.jscharts.com/页面,下载免费版本
或者百度网盘http://pan.baidu.com/s/1mg2yuSg下载
2:在下载的样例中选择线性图 example1,使用浏览器打开index.html”。
使用文本编辑工具如Editplus等打开index.html可以查看源码文件.
如下图:
3:复制代码,在本地新建一个文本文件,将复制的代码拷贝到文件中,保存并修改文件后缀为html,如:老二牛车图表.html
注意:后缀问题,保存后使用浏览器打开测试一下。
或者 使用Editplus在本地新建一个html文件,将复制的代码拷贝到文件中,保存,如:chart.html。
4: Axure中,拖入一个框架,设置框架尺寸与图表一致,设置框架属性取消边框和滚动条
5:生成原型保存到和第3步html文件相同的目录中。也可以生成原型后将第3步html拷贝到原型目录中
拷贝jscharts.js源文件到生成的项目源文件中,
页:
[1]