百度ets动态添加数据

 查看演示  website  立即下载

注：此插件需要在服务端运行，本地预览会有跨域问题！

使用方法

1、引入jquery、echarts必需js

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/echarts.js"></script>

注：以下是主要的js，不想引太多js的也可以放在自己的html页面

<script src="js/echartsOne.js"></script>

2、在html里面给两个button，一个div（div用来存放图表）

<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里面的方法

<script type="text/javascript">
    $(function() {
        //初始显示第一个
        qxfl('#qxfl');
        $("h3 button").click(function() {
            qxfl(this);
        })
    });
</script>

***请求数据是echartsOne.json

PREVIOUS:
NEXT:
会跳高的字体插件jquery.beattext.js
原生js计算器