
$(function(){
    //设置尺寸
    function setRem () { // 绑定到窗口的这个事件中
        var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
        var wH = window.innerHeight;// 当前窗口的高度
        var wW = window.innerWidth<=1920?1920:window.innerWidth;// 当前窗口的宽度
        var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
        $('html').css('font-size', rem + "px");
    }
    setRem ();
    $(window).resize(function(){
        setRem ();
        window.location.reload();
    });

    // 右上角时间显示
    $("#Timer").text(new Date().toLocaleString());
    setInterval(function(){
        $("#Timer").text(new Date().toLocaleString());
    },1000);

    var galleryThumbs = new Swiper('.gallery-thumbs', {
        spaceBetween: 0,
        slidesPerView: 7,
        loop: false,
        freeMode: true,
        loopedSlides: 7, //looped slides should be the same
        watchSlidesVisibility: true,
        watchSlidesProgress: true,

        on: {
            init: function(){
            //Swiper初始化了
                var myChart = echarts.init(document.getElementById('loop1'));
                // 指定图表的配置项和数据
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '5%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#85e6ff'],
                    tooltip: {
                        formatter:'{b}\n{c}%'
                    },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉","格林童话","星光贝贝","瑞丽风尚","瑞丽纯色","武威","银川","天水","榆中","临洮","永登"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                            interval: 0, 
                            // rotate: 20, 
                            formatter:function(value)  {  
                                var ret = "";//拼接加\n返回的类目项  
                                var maxLength = 4;//每项显示文字个数  
                                var valLength = value.length;//X轴类目项的文字个数  
                                var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                if (rowN > 1) { //如果类目项的文字大于3, 
                                    for (var i = 0; i < rowN; i++) {  
                                        var temp = "";//每次截取的字符串  
                                        var start = i * maxLength;//开始截取的位置  
                                        var end = start + maxLength;//结束截取的位置  
                                        //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                        temp = value.substring(start, end) + "\n";  
                                        ret += temp; //凭借最终的字符串  
                                    }  
                                    return ret;  
                                }else {  
                                    return value;  
                                }  
                            }  
                        }
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [{
                        name: '当日营收',
                        type: 'bar',
                        data: [2000, 4000, 6000, 8000, 10000, 12000, 4000, 6000, 14000 ,20000, 2000, 4000, 6000, 8000,],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                }
                            }
                        },
                    }]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);


                // loop2
                var myChart = echarts.init(document.getElementById('loop2'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '5%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#65fbe3'],
                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉","格林童话","星光贝贝","瑞丽风尚","瑞丽纯色","武威","银川","天水","榆中","临洮","永登"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36, 10, 95, 36, 78, 25 ,20, 40, 85, 64, 70],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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



                // loop3
                var myChart = echarts.init(document.getElementById('loop3'));
                // 指定图表的配置项和数据
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#85e6ff'],
                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                            interval: 0, 
                            // rotate: 20, 
                            formatter:function(value)  {  
                                var ret = "";//拼接加\n返回的类目项  
                                var maxLength = 4;//每项显示文字个数  
                                var valLength = value.length;//X轴类目项的文字个数  
                                var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                if (rowN > 1) {//如果类目项的文字大于3,  
                                    for (var i = 0; i < rowN; i++) {  
                                        var temp = "";//每次截取的字符串  
                                        var start = i * maxLength;//开始截取的位置  
                                        var end = start + maxLength;//结束截取的位置  
                                        //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                        temp = value.substring(start, end) + "\n";  
                                        ret += temp; //凭借最终的字符串  
                                    }
                                    return ret;
                                }else {  
                                    return value;
                                }
                            }
                        } 
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [{
                        name: '当日营收',
                        type: 'bar',
                        data: [2000, 4000, 6000, 8000],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                }
                            }
                        },
                    }]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);

                // loop4
                var myChart = echarts.init(document.getElementById('loop4'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#85e6ff'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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





                // loop5
                var myChart = echarts.init(document.getElementById('loop5'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#fcdd7f'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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




                // loop6
                var myChart = echarts.init(document.getElementById('loop6'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#fcdd7f'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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





                // loop7
                var myChart = echarts.init(document.getElementById('loop7'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#65fbe3'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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





                // loop8
                var myChart = echarts.init(document.getElementById('loop8'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#65fbe3'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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



                // loop9
                var myChart = echarts.init(document.getElementById('loop9'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#ffb47c'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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






                // loop10
                var myChart = echarts.init(document.getElementById('loop10'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#ffb47c'],
                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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






                // loop11
                var myChart = echarts.init(document.getElementById('loop11'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#fcdd7f'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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






                // loop12
                var myChart = echarts.init(document.getElementById('loop12'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#fcdd7f'],
                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象","薇拉"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98, 36],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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



                // loop13
                var myChart = echarts.init(document.getElementById('loop13'));
                // 指定图表的配置项和数据
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#85e6ff'],
                    // title: {
                    //     text: 'ECharts 入门示例',
                    // },
                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象",],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                        
                    },
                    series: [{
                        name: '当日营收',
                        type: 'bar',
                        data: [2000, 4000, 6000],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    // formatter: '{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);


                // loop14
                var myChart = echarts.init(document.getElementById('loop14'));
                var option = {
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '6%',
                        bottom: '5%',
                        containLabel: true
                    },
                    color: ['#85e6ff'],

                    tooltip: {
                        formatter:'{b}\n{c}%'　　　　//这是关键，在需要的地方加上就行了
                    },
                    // legend: {
                    //     data:['销量']
                    // },

                    xAxis: {
                        data: ["龙摄影","世华洛","韩国印象"],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        axisLabel: {  
                             interval: 0, 
                             // rotate: 20, 
                             formatter:function(value)  
                             {  
                                 var ret = "";//拼接加\n返回的类目项  
                                 var maxLength = 4;//每项显示文字个数  
                                 var valLength = value.length;//X轴类目项的文字个数  
                                 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
                                 if (rowN > 1)//如果类目项的文字大于3,  
                                 {  
                                     for (var i = 0; i < rowN; i++) {  
                                         var temp = "";//每次截取的字符串  
                                         var start = i * maxLength;//开始截取的位置  
                                         var end = start + maxLength;//结束截取的位置  
                                         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
                                         temp = value.substring(start, end) + "\n";  
                                         ret += temp; //凭借最终的字符串  
                                     }  
                                     return ret;  
                                 }  
                                 else {  
                                     return value;  
                                 }  
                             }  
                         } 
                        
                    },
                    yAxis: {
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [{
                        name: '当月营收完成比',
                        type: 'bar',
                        data: [20, 54, 98],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    position: 'top',
                                    formatter: '{c}%'　　　　//这是关键，在需要的地方加上就行了
                                }
                            }
                        },
                    }],

                };

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





                // loop15
                var myChart = echarts.init(document.getElementById('loop15'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }




                // loop16
                var myChart = echarts.init(document.getElementById('loop16'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }
                





                // loop17
                var myChart = echarts.init(document.getElementById('loop17'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }





                // loop18
                var myChart = echarts.init(document.getElementById('loop18'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }



                // loop19
                var myChart = echarts.init(document.getElementById('loop19'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }






                // loop20
                var myChart = echarts.init(document.getElementById('loop20'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }





                // loop21
                var myChart = echarts.init(document.getElementById('loop21'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }






                // loop22
                var myChart = echarts.init(document.getElementById('loop22'));
                var app = {};
                option = null;
                option = {
                    color: ['#85e6ff','#65fbe3','#fcdd7f'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        top: '13%',
                        bottom: '5%',
                        containLabel: true
                    },
                    tooltip: {
                        trigger: 'axis',
                        // formatter:'{b}\n{a}\n{c}%'　　　//这是关键，在需要的地方加上就行了
                        formatter:'{b}<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#85e6ff"></span>\
                                {a0}：{c0}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#65fbe3"></span>\
                                {a1}：{c1}%<br />\
                                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#fcdd7f"></span>\
                                {a2}：{c2}%<br />'


                    },
                    legend: {
                        data: ['婚纱', '写真','儿童'],
                        itemWidth: 15,
                        itemHeight: 10,
                        itemGap: 20,
                        textStyle: {
                            fontSize: 14,
                            color: '#fff'
                        }
                    },

                    series: [
                        {
                            name: '婚纱',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [43.3, 85.8, 93.7]
                        },
                        {
                            name: '写真',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [83.1, 73.4, 55.1]
                        },
                        {
                            name: '儿童',
                            type: 'bar',
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        position: 'top',
                                        formatter: '{c}%'
                                    }
                                }
                            },
                            data: [86.4, 65.2, 82.5]
                        },
                    ],
                    xAxis: {
                        type: 'category',
                        data: ['武川店','银川店','天水店'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },

                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }
            //数据结束
            },
            //获取点击内容的索引
            click: function(){
                this.active = this.realIndex;
                alert(galleryTop.activeIndex)
            },
        },
    });
    var galleryTop = new Swiper('.gallery-top', {
        spaceBetween: 10,
        loop: false,
        // direction: 'vertical',
        // effect : 'fade',
        speed: 1000,
        loopedSlides: 7, //looped slides should be the same
        thumbs: {
            swiper: galleryThumbs,
        },
    });
});

