$(function () {
layer.load(2);
        $.getScript("https://cidc.oss-cn-chengdu.aliyuncs.com/js/echarts.js", function () { 
layer.closeAll('loading');

                 var data1 = ["渝北区","九龙坡区","永川区","南岸区","沙坪坝区"];
			                var value1 = [888888,777777,666666,555555,444444];
                
                 var data2 = ["汽摩产业","电子产业","装备产业","医药产业","材料产业"];
			                var value2 = [888888,777777,666666,555555,444444];
                
                 var data3 = ["加工中心操作工","数据分析师","汽车外观设计师","汽车内饰设计师","平面设计师"];
			                var value3 = [888888,777777,666666,555555,444444];
                
                 var data4 = ["加工中心操作工 ","数据分析师","汽车外观设计师","汽车内饰设计师","平面设计师"];
			                var value4 = [888888,777777,666666,555555,444444];
                
                 var data5 = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];
			                var value5 = [2345,3223,3111,4329,4325,3245,4564,4342,5654,3345,4323,4532];
                
                 var data6 = ["长安汽车","东风小康","赛里斯","阿维塔","京东方"];
			                var value6 = [888888,777777,666666,555555,444444];
                
                 var data7 = ["汽车外观设计师","汽车内饰设计师","数字开发工程师","试车员","加工中心高级工"];
			                var value7 = [32000,30000,27000,25000,21000];
                
                 var data8 = ["市场营销","新媒体运营师","数控操作工","行政文员","总经理助理"];
			                var value8 = [888888,777777,666666,555555,444444];
                
                 var data9 = ["企业数量","岗位数量","需求人数"];
			                var value9 = [413,3434,12345];
                
                 var data10 = ["企业数量","岗位数量","岗位数量"];
			                var value10 = [413,3434,12345];
                
                 var data11 = ["企业数量","岗位数量","需求人数"];
			                var value11 = [413,3434,12345];
                
                 var data12 = ["企业数量","岗位数量","岗位数量"];
			                var value12 = [413,3434,12345];
                
                 var data13 = ["技术员","平面设计师","汽车外观设计师","平面设计师","平面设计师"];
			                var value13 = [1412,13,413,12,13];
                
                 var data14 = ["汽摩产业","消费品制造产业","电子产业","消费品制造产业","消费品制造产业"];
			                var value14 = [14131,123,1234,1221,1100];
                
                 var data15 = ["渝北区","沙坪坝区 ","九龙坡区","渝中区","巴南区"];
			                var value15 = [1234,1223,1900,1234,1333];
                
                 var data16 = ["技术员","助理工程师","工程师","高级职称","高级工程师","正高级工程师"];
			                var value16 = [3212,3453,8243,6543,12345,14312];
                
                 var data17 = ["初级","中级","高级","技师","高级技师"];
			                var value17 = [1344,3434,8134,13440,12453];
                         
            
            var myChart = echarts.init(document.getElementById('data1'));            
            var option = {
                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data1,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value1,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart.setOption(option);

            
            var myChart1 = echarts.init(document.getElementById('data2'));
            
            var option1 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data2,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value2,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart1.setOption(option1);

            
            var myChart3 = echarts.init(document.getElementById('data3'));
            
            var option3 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data3,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value3,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart3.setOption(option3);


            
            var myChart4 = echarts.init(document.getElementById('data4'));
            
            var option4 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data4,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value4,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart4.setOption(option4);

            
            var myChart5 = echarts.init(document.getElementById('data5'));
            
            var option5 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '0%',    
                    right: '5%',   
                    top: '15%',    
                    bottom: '15%'   
                },
                xAxis: {
                    data: data5,
                    type: 'category', axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }

                },
                yAxis: {
                    show: false,
                },
                series: [{
                    type: 'bar',
                    barWidth: '30%',
                    itemStyle: {
                        width: 12,
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value5,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'top',
                            fontSize: 12,
                            color: '#fff',
                            align: 'left',
                            offset: [-20, 2]
                        }
                    }
                }]
            };
            
            myChart5.setOption(option5);

            
            var myChart6 = echarts.init(document.getElementById('data6'));
            
            var option6 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data6,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value6,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart6.setOption(option6);



            
            var myChart7 = echarts.init(document.getElementById('data7'));
            
            var option7 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data7,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value7,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart7.setOption(option7);

            
            var myChart8 = echarts.init(document.getElementById('data8'));
            
            var option8 = {
                tooltip: {},
                legend: {},
                grid: {
                    left: '10%',    
                    right: '20%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data8,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "12px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value8,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 14,
                            color: '#fff',
                            align: 'left',
                            offset: [5, 2]
                        }
                    }
                }]
            };
            
            myChart8.setOption(option8);


            
            var myChart13 = echarts.init(document.getElementById('data13'));
            
            var option13 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '5%',    
                    right: '28%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data13,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "11px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value13,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 12,
                            color: '#FFE232',
                            align: 'left',
                            offset: [0, 1]
                        }
                    }
                }]
            };
            
            myChart13.setOption(option13);

 
            var myChart14= echarts.init(document.getElementById('data14'));
            
            var option14 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '5%',    
                    right: '28%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data14,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "11px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value14,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 12,
                            color: '#FFE232',
                            align: 'left',
                            offset: [0, 1]
                        }
                    }
                }]
            };
            
            myChart14.setOption(option14);

 
            var myChart15= echarts.init(document.getElementById('data15'));
            
            var option15 = {

                tooltip: {},
                legend: {},
                grid: {
                    left: '5%',    
                    right: '28%',   
                    top: '5%',    
                    bottom: '5%',   
                    containLabel: true
                },
                xAxis: {
                    splitLine: { 
                        show: false,
                    },
                    axisLabel: {
                        color: "#FAC203",
                        show: false
                    }
                },
                yAxis: {
                    data: data15,
                    axisLabel: {
                        color: "#fff",
                        fontSize: "11px"
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FAC203'
                        }
                    }
                },
                series: [{
                    type: 'bar', barWidth: '50%',
                    itemStyle: {
                        color: '#FAC203',
                        borderColor: '#FFE232',
                        borderWidth: 1,
                    },
                    data: value15,
                    label: {
                        normal: {
                            show: true,
                            formatter: function (params) {
                                return echarts.format.addCommas(params.value);
                            },
                            position: 'right',
                            fontSize: 12,
                            color: '#FFE232',
                            align: 'left',
                            offset: [0, 1]
                        }
                    }
                }]
            };
            
            myChart15.setOption(option15);


            var dom = document.getElementById('map');
            var myChart_map = echarts.init(dom, null, {
                renderer: 'canvas',
                useDirtyRect: false
            });


            var option_map;
            myChart_map.showLoading();
            $.get('/js/cq.json', function (geoJson) {
                myChart_map.hideLoading();
                echarts.registerMap('CHONGQING', geoJson);
                myChart_map.setOption(
                    (option_map = {
                        tooltip: {
                            trigger: 'item',
                            formatter: '{b}'
                        },
                        series: [
                            {
                                name: '重庆市地图',
                                type: 'map',
                                layoutSize: {
                                    width: '100%',
                                    height: '80%'
                                }, 
                                map: 'CHONGQING',
                                itemStyle: {                                    
                                    normal: {
                                        areaColor: '#046EFE', 
                                    },
                                    emphasis: {
                                        areaColor: '#c1eeee'  
                                    }
                                },
                                label: {
                                    show: true
                                },
                                data: [
                                    
{ name: '万州区',code:'500101',  },
										
{ name: '涪陵区',code:'500102',  },
										
{ name: '渝中区',code:'500103',  },
										
{ name: '大渡口区',code:'500104',  },
										
{ name: '江北区',code:'500105',  },
										
{ name: '沙坪坝区',code:'500106',  },
										
{ name: '九龙坡区',code:'500107',  },
										
{ name: '南岸区',code:'500108',  },
										
{ name: '北碚区',code:'500109',  },
										
{ name: '万盛区',code:'500110',  },
										
{ name: '双桥区',code:'500111',  },
										
{ name: '渝北区',code:'500112',  },
										
{ name: '巴南区',code:'500113',  },
										
{ name: '黔江区',code:'500114',  },
										
{ name: '长寿区',code:'500115',  },
										
{ name: '綦江区',code:'500222',  },
										
{ name: '潼南区',code:'500223',  },
										
{ name: '铜梁区',code:'500224',  },
										
{ name: '大足区',code:'500225',  },
										
{ name: '荣昌区',code:'500226',  },
										
{ name: '璧山区',code:'500227',  },
										
{ name: '城口县',code:'500229',  },
										
{ name: '丰都县',code:'500230',  },
										
{ name: '垫江县',code:'500231',  },
										
{ name: '武隆区',code:'500232',  },
										
{ name: '忠县',code:'500233',  },
										
{ name: '开州区',code:'500234',  },
										
{ name: '云阳县',code:'500235',  },
										
{ name: '奉节县',code:'500236',  },
										
{ name: '巫山县',code:'500237',  },
										
{ name: '巫溪县',code:'500238',  },
										
{ name: '石柱土家族自治县',code:'500240',  },
										
{ name: '秀山土家族苗族自治县',code:'500241',  },
										
{ name: '酉阳土家族苗族自治县',code:'500242',  },
										
{ name: '彭水苗族土家族自治县',code:'500243',  },
										
{ name: '江津区',code:'500381',  },
										
{ name: '合川区',code:'500382',  },
										
{ name: '永川区',code:'500383',  },
										
{ name: '南川区',code:'500384',  },
										                               
                                ]

                            }
                        ]
                    })
                );
            });

            if (option_map && typeof option_map === 'object') {
                myChart_map.setOption(option_map);
            }
            myChart_map.on('click', function (params) {
                
                console.log(params);
                console.log(params.name);
                
                window.location.href="/kanban/county/"+params.data.code+".html";
            });
            window.addEventListener('resize', myChart_map.resize);
			
    });
})