百度ets动态添加数据

插件特效
2026-07-26 03:55 4 次浏览 • 0 次下载 135.1KB
百度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