echart折线图和柱状图【原创

来源:https://www.sucaihuo.com/js/2796.html 2017-08-22 05:39浏览(3280) 收藏

更多eharts柱状图、地图等图表:http://www.sucaihuo.com/search?keyword=echarts&mtype=2

最近做的一个项目,对echart的的学习有了更深的了解。分享给大家,希望对大家有用哦。echarts多个tab切换,echarts折线图和柱状图统计数据
echart折线图和柱状图
分类:统计图 > 柱状图 难易:初级
查看演示 下载资源: 10 下载资源 下载积分: 80 积分
$(function(){
        //页面初始化时加载图表
        mychart1('week');

        $("#week_data").on('click',function(){
            //alert('请求7天数据');
            myChart1.clear();            //清空原来的图表
            mychart1('week');  //重新加载图表,之前必须要清空原来的,否则没有动画效果
        });
        $("#month_data").on('click',function(){
            //alert('请求30天数据');
            myChart1.clear();            //清空原来的图表
            mychart1('month');   //重新加载图表,之前必须要清空原来的,否则没有动画效果
        });
        $("#time_sec").on('click',function(){
            //alert('请求时间段的数据');
            myChart1.clear();            //清空原来的图表
            mychart1('time_sec');   //重新加载图表,之前必须要清空原来的,否则没有动画效果
        });
        
    })
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2796.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2