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

            var data1 = ["a","b","c","d","e","f","g","h","i","j"];
	            var value1 = [1,2,3,4,5,6,7,8,9,10];
            
            var data2 = ["a","b","c","d","e","f"];
	            var value2 = [11,231,1231,312,4,234];
            
            var data3 = ["a","b","c","d","e"];
	            var value3 = [123,213,2323,4234,5];
            
            var data4 = ["a","b","c","d","e"];
	            var value4 = [43,34,56546,321,434];
            
            var data5 = ["a","b","c","d","e"];
	            var value5 = [123,223,123,342,345];
            
            var data6 = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];
	            var value6 = [123,123,2334,5465,47687,898,98,678,678,698,098-0,456];
            
            var data7 = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];
	            var value7 = [123,344,5465,123,234,546,234,1345,745,462,6345,25];
            
            var data8 = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];
	            var value8 = [23324,354,6767,77878,980,456,345,6567,567,34,234,123];
                     
    
                var myChart = echarts.init(document.getElementById('data31'));
    
                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('data32'));
    
                option1 = {
              title: {  show: false,
                text: 'Referer of a Website',
                subtext: 'Fake Data',
                left: 'center'
              },
              tooltip: {
                trigger: 'item',
             formatter: '{b}'
              },
              legend: {
                orient: 'vertical',
                left: 0,                              //调整图例位置
                top: 60,
                itemHeight: 15,  
                itemWidth: 15,    
                textStyle: {                            //图例文字的样式
                        color: '#fff',               //图例文字颜色
                        fontSize: 12                      //图例文字大小
                    }
              },
              series: [
                {
                  name: '产业企业类型情况占比',
                  type: 'pie',   
                  radius: '55%',
                  center: ['60%', '50%'],
                  data: [
            
             { value: 11, name:"a" },

             { value: 231, name:"b" },

             { value: 1231, name:"c" },

             { value: 312, name:"d" },

             { value: 4, name:"e" },

             { value: 234, name:"f" },

                  ],
                  emphasis: {
                    itemStyle: {
                      shadowBlur: 10,
                      shadowOffsetX: 0,
                      shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                  },
                  itemStyle: {

                    normal: {
                      label: {
             color: '#fff',    
                        show: true,
                        formatter: '{c}'
                      }
                    },
                    labelLine: { show: true }
                  }
                }
              ]
            };
    
                myChart1.setOption(option1);

    
                var myChart3 = echarts.init(document.getElementById('data33'));
    
                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('data34'));
    
                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('data35'));
            
                        var option5 = {

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

                            tooltip: {},
                            legend: {},
                            grid: {
                                left: '3%',    
                                right: '3%',   
                                top: '15%',    
                                bottom: '15%'   
                            },
                            xAxis: {
                                data: data6,
                                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: value6,
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: function (params) {
                                            return echarts.format.addCommas(params.value);
                                        },
                                        position: 'top',
                                        fontSize: 12,
                                        color: '#fff',
                                        align: 'left',
                                        offset: [-15, 2]
                                    }
                                }
                            }]
                        };
            
                        myChart6.setOption(option6);



            
                        var myChart7 = echarts.init(document.getElementById('data37'));
            
                        var option7 = {
                            tooltip: {},
                            legend: {},
                            grid: {
                                left: '5%',    
                                right: '5%',   
                                top: '15%',    
                                bottom: '15%'   
                            },
                            xAxis: {
                                data: data7,
                                boundaryGap: false,
                                type: 'category', axisLabel: {
                                    color: "#fff",
                                    fontSize: "12px"
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#896F35'
                                    }
                                }

                            },
                            yAxis: {
                                show: false,
                            },
                            series: [{
                                type: 'line',
                                stack: 'Total',
                                barWidth: '30%',
                                itemStyle: {
                                    width: 12,
                                    color: '#fff',
                                    borderColor: '#FFE232',
                                    borderWidth: 1,
                                },
                                data: value7,
                                smooth: true,
                                 areaStyle: {
                                    opacity: 0.8,
                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                      {
                                        offset: 0,
                                        color: 'rgb(253, 191, 18)'
                                      },
                                      {
                                        offset: 1,
                                        color: 'rgb(53, 48, 106)'
                                      }
                                    ])
                                  },
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: function (params) {
                                            return echarts.format.addCommas(params.value);
                                        },
                                        position: 'top',
                                        fontSize: 12,
                                        color: '#fff',
                                        align: 'left',
                                        offset: [-20, 2]
                                    }
                                }
                            }]
                        };
            
                        myChart7.setOption(option7);

            
                        var myChart8 = echarts.init(document.getElementById('data38'));
            
                        var option8 = {
                            tooltip: {},
                            legend: {},
                            grid: {
                                left: '5%',    
                                right: '5%',   
                                top: '15%',    
                                bottom: '15%'   
                            },
                            xAxis: {
                                data: data8,
                                boundaryGap: false,
                                type: 'category', axisLabel: {
                                    color: "#fff",
                                    fontSize: "12px"
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#896F35'
                                    }
                                }

                            },
                            yAxis: {
                                show: false,
                            },
                            series: [{
                                type: 'line',
                                stack: 'Total',
                                barWidth: '30%',
                                 itemStyle: {
                                    width: 12,
                                    color: '#fff',
                                    borderColor: '#FFE232',
                                    borderWidth: 1,
                                },
                                data: value8,
                                smooth: true,
                                 areaStyle: {
                                    opacity: 0.8,
                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                      {
                                        offset: 0,
                                        color: 'rgb(253, 191, 18)'
                                      },
                                      {
                                        offset: 1,
                                        color: 'rgb(53, 48, 106)'
                                      }
                                    ])
                                  },
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: function (params) {
                                            return echarts.format.addCommas(params.value);
                                        },
                                        position: 'top',
                                        fontSize: 12,
                                        color: '#fff',
                                        align: 'left',
                                        offset: [-20, 2]
                                    }
                                }
                            }]
                        };
            
                        myChart8.setOption(option8);
	            
    });
})