图表插件echarts免费下载

一共23组不同数据效果,首页这里只列出4种,详情请看下载文件,echarts图表,不能一一介绍,在这里说一种。

第一步:首先引用

<link rel="stylesheet" href="css/animsition.min.css" /> 
        <link rel="stylesheet" href="css/drop-down.css" /> 
        <link rel="stylesheet" href="css/common.css" /> 
        <link rel="stylesheet" href="css/xsfx.css" /> 
<script src="js/macarons .js"></script> 
        <script src="js/common.js"></script> 
        <script src="js/sq_data.js"></script>

在这里我们可以看到强大的echarts图表,为了还看功能多我们增加了功能提醒和时间插件、导入导出搜索等功能。

//联动下拉 
                $("#city_1").citySelect({ 
                    url:{"citylist":[ 
                            {"p":"新老客户","c":[{"n":"不限"},{"n":"新客户"},{"n":"老客户"}]}, 
                            {"p":"级别","c":[{"n":"LV-0"},{"n":"LV-1"},{"n":"LV-2"},{"n":"LV-3"},{"n":"LV-4"}]} 
                        ]}, 
                    prov:"新老客户", 
                    city:"不限" 
                }); 
                $("#city_2").citySelect({ 
                url:{"citylist":[ 
                        {"p":"全国省份排名","c":[{"n":"HTML"},{"n":"CSS","a":[{"s":"CSS2.0"},{"s":"CSS3.0"}]},{"n":"JAVASCIPT"}]}, 
                        {"p":"编程语言","c":[{"n":"C"},{"n":"C++"},{"n":"Objective-C"},{"n":"PHP"},{"n":"JAVA"}]}, 
                        {"p":"数据库","c":[{"n":"Mysql"},{"n":"SqlServer"},{"n":"Oracle"},{"n":"DB2"}]}, 
                    ]}, 
                prov:"全国省份排名", 
                city:"", 
                dist:"", 
                nodata:"none" 
            }); 
                 
                //调用日期 
                var start = { 
                    format: 'YYYY-MM-DD', 
                    //minDate: '2014-01-31', //设定最小日期为当前日期 
                    festival:true, 
                    //isinitVal:true, 
                    maxDate: $.nowDate(0), //最大日期 
                    choosefun: function(elem,datas){ 
                        end.minDate = datas; //开始日选好后,重置结束日的最小日期 
                        var iNow_maxDate = parseInt(datas.substring(0,4)); 
                        end.maxDate = datas.replace(new RegExp(iNow_maxDate,"g"),iNow_maxDate + 1); 
                    } 
                }; 
                var end = { 
                    format: 'YYYY-MM-DD', 
                    //minDate: $.nowDate(0), //设定最小日期为当前日期 
                    festival:true, 
                    //isinitVal:true, 
                    maxDate: $.nowDate(0), //最大日期 
                    choosefun: function(elem,datas){ 
                        start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期 
                        var iNow_minDate = parseInt(datas.substring(0,4)); 
                        start.minDate = datas.replace(new RegExp(iNow_minDate,"g"),iNow_minDate - 1); 
                    } 
                }; 
                $("#inpstart").jeDate(start); 
                $("#inpend").jeDate(end);
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录