注:此插件需要在服务端运行,本地预览会有跨域问题!
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
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com