各位小伙伴在绘制原型的时候
总是需要用到各种各样的图表
绘图不仅不美观还特别麻烦
这时EChart的图表基本能满足各位
可是
怎么将页面的图表
生成可以嵌入的html文件呢
其实嵌入的步骤
和嵌入地图的步骤都是一样的
所以
接下来要演示的是
怎么将ECharts的图表生成html文件
首先打开ECharts官方网站
地址:https://echarts.baidu.com/
然后打开顶部的官方示例
选择你想要用到的图表
选择主题颜色然后下载
然后就HTML文件就下载好了
...
...
...
...
...
...
...
...
你以为结束了?
干货可能这么少的吗?
当然不是
其实EChart官方的案例很少
又很局限
所以想找合适的ECharts图表
要去看其他用户上传的图表
点击顶部导航的社区下的画廊
打开后,笑容逐渐滑稽
然而
这些案例都无法下载
.......
那要怎么样才能下载呢?
首先
将左边的代码全选复制
替换掉官方案例左边的代码
然后点击运行
这个千万不要更换主题
点击更换主题则会变回官方示例
最后再点击下面的下载即可
如果有运行不了的可能是该文件引用了jquery
只有在代码的最上面加入jquery的引入即可
代码如下:
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
最后下载下来的文件
就可以直接引入内联框架使用
对该使用不熟的小伙伴可以参考公众号中
"如何在Axure中嵌入百度地图"
这一篇文章中嵌入的演示
该案例结束
skr~
如果对原型交互感兴趣的小伙伴可以关注我的个人订阅号
小白在线等
