百度ets动态添加数据
插件特效

插件描述:通过点击不同按钮,进行ajax请求对ets进行数据填充.
注:此插件需要在服务端运行,本地预览会有跨域问题!
使用方法
1、引入jquery、echarts必需js
1 2 | <script src="js/jquery-1.11.1.min.js"></script><script src="js/echarts.js"></script> |
注:以下是主要的js,不想引太多js的也可以放在自己的html页面
1 | <script src="js/echartsOne.js"></script> |
2、在html里面给两个button,一个div(div用来存放图表)
1 2 3 4 5 | <h3> <button id="qxfl" data-index="1">第一个echarts</button> <button id="gfzr" data-index="2">第二个echarts</button></h3><div id="main" style="width: 600px;height:400px;"></div> |
3、在页面调用echartsOne.js里面的方法
1 2 3 4 5 6 7 8 9 | <script type="text/javascript"> $(function() { //初始显示第一个 qxfl('#qxfl'); $("h3 button").click(function() { qxfl(this); }) });</script> |
***请求数据是echartsOne.json
评论