EnforcementCode-2.0/zdxt-web-client/zdxt-admin-plus-ui/public/statistical/scripts/charts-analyovNew.js

//*****************统计分析图表




/*******综合数据***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('countDistrict'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },
            legend: {
				top: '0',
				padding: 5,
				itemGap: 20,
				itemWidth: 10,
				itemHeight: 10,
                data:['涉企执法次数','联合执法次数','行政执法预告次数','涉企投诉次数','执法预警次数','企业数量']
            },
			 grid: {
                left: '0',
                right: '0',
                bottom: '0',
                top: '20%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['福田区','罗湖区','南山区','盐田区','宝安区','龙岗区','龙华区','坪山区','光明区','大鹏新区','深汕特别合作区'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  0,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'涉企执法次数',
                    type:'bar',
					barWidth: '10%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                {
                    name:'联合执法次数',
                    type:'bar',
					barWidth: '10%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
                    color:'#7afdfb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                {
                    name:'行政执法预告次数',
                    type:'bar',
					barWidth: '10%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
                    color:'#8ffd87',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
				{
                    name:'涉企投诉次数',
                    type:'bar',
                    data:[138, 139, 156, 93, 10, 160, 90, 72, 80, 30, 45],
                    color:'#fd8787',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
				{
                    name:'执法预警次数',
                    type:'bar',
					barWidth: '10%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[1378, 1380, 1587, 603, 1092, 1673, 987,754,808,301,496],
                    color:'#fdcc87',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
				{
                    name:'企业数量',
                    type:'bar',
					barWidth: '10%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
                    color:'#a1d4f5',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                }
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});


/*******检查类别数量及占比***********/

	var myChart  = echarts.init(document.getElementById("countInspect"));
	
	// 圆环图各环节的颜色
	var option = {
    tooltip: {
      trigger: 'item',
	  //formatter: '{b}: {c} ({d}%)'
	     formatter:function(param){
        return param.marker + " " + param.name + " : " + param.value +" ( " + param.percent + "% )";
    }

    },
    series: [
      {
        name: '执法类别数量及占比',
        type: 'pie',
        radius: ['43%', '60%'],
        avoidLabelOverlap: false,
        itemStyle: {
          borderRadius: 0,
          borderColor: '#fff',
          borderWidth: 1
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '14',
            fontWeight: 'bold'
          }
        },
		
        data: [
          { value: 1048, name: '日常执法' },
          { value: 735, name: '上级交办' },
          { value: 580, name: '其他机关移送' },
          { value: 484, name: '重点领域治理部署' },
          { value: 300, name: '投诉举报' },
		  { value: 200, name: '其他' }
        ],
        color: ['#0038bb','#0047eb','#1c60ff','#3f78ff','#6592ff','#9ebafc'],
      }
    ]
  };
	
	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});



/*******企业类别数量及占比***********/

	var myChart  = echarts.init(document.getElementById("countCommpany"));
	
	// 圆环图各环节的颜色
	var option = {
    tooltip: {
      trigger: 'item',
	  //formatter: '{b}: {c} ({d}%)'
	     formatter:function(param){
        return param.marker + " " + param.name + " : " + param.value +" ( " + param.percent + "% )";
    }

    },
    series: [
      {
        name: '企业类别数量及占比',
        type: 'pie',
        radius: ['43%', '60%'],
        avoidLabelOverlap: false,
        itemStyle: {
          borderRadius: 0,
          borderColor: '#fff',
          borderWidth: 1
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '14',
            fontWeight: 'bold'
          }
        },
		
        data: [
          { value: 1048, name: '有限责任公司' },
          { value: 735, name: '股份有限公司' },
          { value: 580, name: '个人独资企业' },
          { value: 484, name: '合伙企业' },
          { value: 300, name: '个体工商户' },
		  { value: 200, name: '其他' }
        ],
        color: ['#0038bb','#0047eb','#1c60ff','#3f78ff','#6592ff','#9ebafc'],
      }
    ]
  };
	
	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});



/*******投诉类别数量及占比***********/

	var myChart  = echarts.init(document.getElementById("countComplaint"));
	
	// 圆环图各环节的颜色
	var option = {
    tooltip: {
      trigger: 'item',
	  //formatter: '{b}: {c} ({d}%)'
	     formatter:function(param){
        return param.marker + " " + param.name + " : " + param.value +" ( " + param.percent + "% )";
    }

    },
    series: [
      {
        name: '投诉类别数量及占比',
        type: 'pie',
        radius: ['43%', '60%'],
        avoidLabelOverlap: false,
        itemStyle: {
          borderRadius: 0,
          borderColor: '#fff',
          borderWidth: 1
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '14',
            fontWeight: 'bold'
          }
        },
		
        data: [
          { value: 1048, name: '违法执法' },
          { value: 735, name: '违规执法' },
          { value: 580, name: '执法不文明' },
          { value: 484, name: '选择性执法' },
          { value: 300, name: '其他' },
		  { value: 200, name: '入企不扫码' }
        ],
        color: ['#0038bb','#0047eb','#1c60ff','#3f78ff','#6592ff','#9ebafc'],
      }
    ]
  };
	
	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});








/*******被检查企业次数排行***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('rankCommpany'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },

			 grid: {
                left: '0',
                right: '0',
                bottom: '5%',
                top: '15%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司','深圳市喜味多食品有限公司'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  30,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'被执法企业次数',
                    type:'bar',
					barWidth: '25%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                
				
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});






/*******被投诉单位次数排行***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('rankComplaint'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },

			 grid: {
                left: '0',
                right: '0',
                bottom: '5%',
                top: '15%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  30,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'被投诉单位次数',
                    type:'bar',
					barWidth: '25%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                
				
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});




/*******执法检查数量排行***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('rankInspect'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },

			 grid: {
                left: '0',
                right: '0',
                bottom: '5%',
                top: '15%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  30,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'执法执法数量',
                    type:'bar',
					barWidth: '25%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                
				
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});





/*******职权使用率排行***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('powerUse'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },

			 grid: {
                left: '0',
                right: '0',
                bottom: '5%',
                top: '15%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  30,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'职权使用率',
                    type:'bar',
					barWidth: '25%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                
				
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});



/*******职权休眠率排行***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('powerSleep'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },

			 grid: {
                left: '0',
                right: '0',
                bottom: '5%',
                top: '15%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  30,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'职权休眠率',
                    type:'bar',
					barWidth: '25%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                
				
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});





/*******职权使用次数排行***********/

 
// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('powerNumber'));

        // 指定图表的配置项和数据
        var option = {
            title : {
                text: '',
                subtext: ''
            },
            tooltip : {
                trigger: 'axis'
            },

			 grid: {
                left: '0',
                right: '0',
                bottom: '5%',
                top: '15%',
                containLabel: true
            },
            toolbox: {
                show : false,
                feature : {
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
			
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'],
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						interval: 0,
						rotate:  30,
						textStyle: {
							color: '#999',
							fontSize: 12,
						}
					},
					}
            ],
            yAxis : [
                {
                    type : 'value',
					splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'transparent',
						}
					},
					axisLine: {show: false},
					axisTick: {show: false},
					axisLabel: {
						show: true,
						textStyle: {
							color: '#79a3ca',
							fontSize: 12,
						}
					},
                }
            ],
            series : [
				
                {
                    name:'职权使用次数',
                    type:'bar',
					barWidth: '25%',
					showBackground: true,
                    backgroundStyle: {
                        borderRadius: [10, 10, 0, 0]
                    },
                    data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
                    color:'#7ca9fb',
					itemStyle: {
                         borderRadius: [10, 10, 0, 0]
                    }
                },
                
				
            ]
        };

	
// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	window.addEventListener("resize",function(){
		myChart.resize();
	});