百度ets动态添加数据

所属分类:UI-图表

百度ets动态添加数据 ie兼容8

注:本地预览请用火狐浏览器,chorme本地预览会有跨域问题

使用方法

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

相关插件-图表

ets常用的数据统计图(原创)

利用ets,制作常用的数据统计图
  图表
 9901  78

jQuery表格插件bs_grid

bs_grid是一个jQuery DataGrid插件,基于Bootstrap。先进行选择,排序和过滤,分页。完全可定制的,灵活的网络设计,定位。
  图表
 86291  96

Highcharts图表库

功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的js图表库
  图表
 23692  88

amcharts图表统计插件(推荐)

国内各大网站都在使用图标统计,包含折线图、柱状图、饼图等,2D和3D效果,纯JS生成
  图表
 22331  120

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复