<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<br/><br/><br/>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 1500px;height:800px;"></div><br/><br/><br/>
<div id="main2" style="width: 1500px;height:800px;"></div><br/><br/><br/>
<div id="main3" style="width: 1500px;height:800px;"></div><br/><br/><br/>
<div id="main4" style="width: 1500px;height:800px;"></div>
<script type="text/javascript">
    function getCensus(){
        var count = [];
        //初始化下拉框
        $.getJSON("/cases/console/content/getCensus?type=1",function (data){
            console.log(data)
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            // 指定图表的配置项和数据
            var option = {

                title: {
                    text: '本周案例上传数量:'+data.data.count
                },
                tooltip: {},
                legend: {
                    data:['周案例上传统计表']
                },
                xAxis: {
                    type: 'category',
                    data: ['信广龙广告-BD部', '信广龙广告-文案策划部', '信广龙广告-媒介部', '信广龙广告-活动部', '信广龙广告-客服项目部', '信广龙广告-创意视觉部', '信蜂互动',"信因视觉","上海知微-客服部",
                        "上海知微-视觉设计部","上海知微-视频部","上海知微-活动部","武汉初度-客户部","武汉初度-文案策划部","武汉初度-设计部","武汉初度-视频部","武汉初度-运营部"],
                    axisLabel: { interval: 0, rotate: 30 }
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name:'周案例上传统计表',
                        data: data.data.list,
                        type: 'bar',

                        backgroundStyle: {
                            color: 'rgba(180, 180, 180, 0.2)'
                        },
                        barWidth : 30,//柱图宽度
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        });


    }

    function getCensus2(){
        var count = [];
        //初始化下拉框
        $.getJSON("/cases/console/content/getCensus?type=2",function (data){
            console.log(data)
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main2'));
            // 指定图表的配置项和数据
            var option = {

                title: {
                    text: '本月案例上传数量:'+data.data.count
                },
                tooltip: {},
                legend: {
                    data:['月案例上传统计表']
                },
                xAxis: {
                    type: 'category',
                    data: ['信广龙广告-BD部', '信广龙广告-文案策划部', '信广龙广告-媒介部', '信广龙广告-活动部', '信广龙广告-客服项目部', '信广龙广告-创意视觉部', '信蜂互动',"信因视觉","上海知微-客服部",
                        "上海知微-视觉设计部","上海知微-视频部","上海知微-活动部","武汉初度-客户部","武汉初度-文案策划部","武汉初度-设计部","武汉初度-视频部","武汉初度-运营部"],
                    axisLabel: { interval: 0, rotate: 30 }
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name:'月案例上传统计表',
                        data: data.data.list,
                        type: 'bar',

                        backgroundStyle: {
                            color: 'rgba(180, 180, 180, 0.2)'
                        },
                        barWidth : 30,//柱图宽度
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        });
    }

    function getCensus3(){
        var count = [];
        //初始化下拉框
        $.getJSON("/cases/console/content/getCensus?type=3",function (data){
            console.log(data)
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main3'));
            // 指定图表的配置项和数据
            var option = {

                title: {
                    text: '本季度案例上传数量:'+data.data.count
                },
                tooltip: {},
                legend: {
                    data:['季度案例上传统计表']
                },
                xAxis: {
                    type: 'category',
                    data: ['信广龙广告-BD部', '信广龙广告-文案策划部', '信广龙广告-媒介部', '信广龙广告-活动部', '信广龙广告-客服项目部', '信广龙广告-创意视觉部', '信蜂互动',"信因视觉","上海知微-客服部",
                        "上海知微-视觉设计部","上海知微-视频部","上海知微-活动部","武汉初度-客户部","武汉初度-文案策划部","武汉初度-设计部","武汉初度-视频部","武汉初度-运营部"],
                    axisLabel: { interval: 0, rotate: 30 }
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name:'季度案例上传统计表',
                        data: data.data.list,
                        type: 'bar',

                        backgroundStyle: {
                            color: 'rgba(180, 180, 180, 0.2)'
                        },
                        barWidth : 30,//柱图宽度
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        });
    }

    function getCensus4(){
        var count = [];
        //初始化下拉框
        $.getJSON("/cases/console/content/getCensus?type=3",function (data){
            console.log(data)
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main4'));
            // 指定图表的配置项和数据
            var option = {

                title: {
                    text: '年度案例上传数量:'+data.data.count
                },
                tooltip: {},
                legend: {
                    data:['年度案例上传统计表']
                },
                xAxis: {
                    type: 'category',
                    data: ['信广龙广告-BD部', '信广龙广告-文案策划部', '信广龙广告-媒介部', '信广龙广告-活动部', '信广龙广告-客服项目部', '信广龙广告-创意视觉部', '信蜂互动',"信因视觉","上海知微-客服部",
                        "上海知微-视觉设计部","上海知微-视频部","上海知微-活动部","武汉初度-客户部","武汉初度-文案策划部","武汉初度-设计部","武汉初度-视频部","武汉初度-运营部"],
                    axisLabel: { interval: 0, rotate: 30 }
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name:'年度案例上传统计表',
                        data: data.data.list,
                        type: 'bar',

                        backgroundStyle: {
                            color: 'rgba(180, 180, 180, 0.2)'
                        },
                        barWidth : 30,//柱图宽度
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        });
    }

    $(function (){
        getCensus();
        getCensus2();
        getCensus3();
        getCensus4();
    });



</script>
</body>
</html>
