YH_Web_UI/WebUI/CallCenterWe.../WebChart/js/liuzhangtu.js

$("#save_ssss").click(function() {
	partpaat()
})
var bigdataList = null;

setTimeout(function() {
	partpaat($('#time1').val().split(' ~ ')[0],$('#time1').val().split(' ~ ')[1]);
}, 3000);

function partpaat(sd, ed) {
	var myCha = echarts.init(document.getElementById('cha'));
	var myChart = echarts.init(document.getElementById('chart'));
	var myChaaaa = echarts.init(document.getElementById('dback1'));
	var myChartaaa = echarts.init(document.getElementById('dback'));
	var myChaccc = echarts.init(document.getElementById('mold1'));
	var myChartbbb = echarts.init(document.getElementById('mold'));
	var myCharrr = echarts.init(document.getElementById('genre1'));
	var myCharteee = echarts.init(document.getElementById('genre'));
	var myChaqqq = echarts.init(document.getElementById('other1'));
	var myChartwww = echarts.init(document.getElementById('other'));
	var myChalll = echarts.init(document.getElementById('uction1'));
	var myChartppp = echarts.init(document.getElementById('uction'));

	var myChreti = echarts.init(document.getElementById('sippu1'));
	var myChreti1 = echarts.init(document.getElementById('sippu'));
	var myKouc = echarts.init(document.getElementById('siupi1'));
	var myKouc1 = echarts.init(document.getElementById('siupi'));
	var myKucot = echarts.init(document.getElementById('siupiac1'));
	var myKucot1 = echarts.init(document.getElementById('siupiac'));
	var myTou = echarts.init(document.getElementById('siyi1'));
	var myTou1 = echarts.init(document.getElementById('siyi'));
	var myRi = echarts.init(document.getElementById('siout1'));
	var myRi1 = echarts.init(document.getElementById('siout'));
	var myEkit = echarts.init(document.getElementById('seytio1'));
	var myEkit1 = echarts.init(document.getElementById('seytio'));
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "WOReport/GetBigdataList",
		async: true,
		dataType: "json",
		data: {
			stime: sd,
			endtime: ed,
			salesBase: $('#xiaoshou').val(), //销售基地
			product: $('#Product_Category').val(), //产品
			channel: $('#customer_taxPointDes').val(), //渠道类型
			area: $('#customer_comaddress').val(), //大区
			branch: $('#customer_legalName').val(), //分公司
			isEnd: $('#customer_exceed').val(),
			type: $('#styqu').val(), //反馈类型
		},
		success: function(data) {

			if(data.state.toLowerCase() == "success") {
				//bigdataList = data.rows;
				var con = data.rows;
				$('.my_numet').html(con.salesBase[0].number); //基地反馈统计
				$('.my_yer').html(con.salesBase[0].Lastyear);
				$('.my_moye').html(con.salesBase[0].Lastmonth);

				$('.ch_numet').html(con.product[0].number); //产品反馈统计
				$('.ch_yer').html(con.product[0].Lastyear);
				$('.ch_moye').html(con.product[0].Lastmonth);

				$('.qd_numet').html(con.channel[0].number); //渠道反馈统计
				$('.qd_yer').html(con.channel[0].Lastyear);
				$('.qd_moye').html(con.channel[0].Lastmonth);

				$('.gdz_numet').html(con.state[0].number); //工单统计
				$('.gdz_yer').html(con.state[0].Lastyear);
				$('.gdz_moye').html(con.state[0].Lastmonth);

				$('.cq_numet').html(con.overdue[0].number); //超期部门统计
				$('.cq_yer').html(con.overdue[0].Lastyear);
				$('.cq_moye').html(con.overdue[0].Lastmonth);

				$('.myd_numet').html(con.satisfaction[0].number); //满意度统计
				$('.myd_yer').html(con.satisfaction[0].Lastyear);
				$('.myd_moye').html(con.satisfaction[0].Lastmonth);
				var channel = con.channel.slice(1);
				var overdue = con.overdue.slice(1);
				var product = con.product.slice(1);
				var stateaa = con.state.slice(1);
				var satisfaction = con.satisfaction.slice(1);
				var type_data = con.salesBase.slice(1);
				// 聚到类型
				var type_data_ccc = [];
				var type_data_name_arry2 = [];
				$(channel).each(function(i, n) {
					//type_data_arry.push(n.name)
					//数据
					var type_data_obj2 = {};
					type_data_obj2.name = n.name;
					type_data_obj2.value = n.number;
					if(n.number!=0){
						type_data_ccc.push(type_data_obj2);
					}
//					type_data_ccc.push(type_data_obj2);
					//名称
					var type_data_name_obj2 = {};
					type_data_name_obj2 = n.name;
					if(type_data_name_obj2==$('#customer_taxPointDes').val()){
						type_data_name_arry2.splice(0,0,$('#customer_taxPointDes').val())
					}else{
						type_data_name_arry2.push(type_data_name_obj2);
					}
				})

				// 基地反馈
				var type_data_arry = [];
				var data_arr = type_data_arry.shift(0);
				var type_data_name_arry = [];
				$(type_data).each(function(i, n) {
					//type_data_arry.push(n.name)
					//数据
					var type_data_obj = {};
					type_data_obj.name = n.name;
					type_data_obj.value = n.number;
					if(n.number!=0){
						type_data_arry.push(type_data_obj);
					}
//					type_data_arry.push(type_data_obj);
					//名称
					var type_data_name_obj = {};
					type_data_name_obj = n.name;
					if(type_data_name_obj==$('#xiaoshou').val()){
						type_data_name_arry.splice(0,0,$('#xiaoshou').val())
					}else{
						type_data_name_arry.push(type_data_name_obj);
					}
				})
				// 产品类型
				var type_data_aaa = [];
				var type_data_name_arry1 = [];
				$(product).each(function(i, n) {
					//type_data_arry.push(n.name)
					//数据
					var type_data_obj1 = {};
					type_data_obj1.name = n.name;
					type_data_obj1.value = n.number;
					if(n.number!=0){
						type_data_aaa.push(type_data_obj1);
					}
//					type_data_aaa.push(type_data_obj1);
					//名称
					var type_data_name_obj1 = {};
					type_data_name_obj1 = n.name;
					if(type_data_name_obj1==$('#Product_Category').val()){
						type_data_name_arry1.splice(0,0,$('#Product_Category').val());
					}else{
						type_data_name_arry1.push(type_data_name_obj1);
					}
					
				})
				// 超期部门
				var type_data_bbb = [];
				var type_data_name_arry3 = [];
				$(overdue).each(function(i, n) {
					//type_data_arry.push(n.name)
					//数据
					var type_data_obj3 = {};
					type_data_obj3.name = n.name;
					type_data_obj3.value = n.number;
					if(n.number!=0){
						type_data_bbb.push(type_data_obj3);
					}
//					type_data_bbb.push(type_data_obj3);
					//名称
					var type_data_name_obj3 = {};
					type_data_name_obj3 = n.name;
					type_data_name_arry3.push(type_data_name_obj3);
				})
				// 满意度
				var type_data_nnn = [];
				var type_data_name_arry4 = [];
				$(satisfaction).each(function(i, n) {
					//type_data_arry.push(n.name)
					//数据
					var type_data_obj4 = {};
					type_data_obj4.name = n.name;
					type_data_obj4.value = n.number;
					if(n.number!=0){
						type_data_nnn.push(type_data_obj4);
					}
//					type_data_nnn.push(type_data_obj4);
					//名称
					var type_data_name_obj4 = {};
					type_data_name_obj4 = n.name;
					type_data_name_arry4.push(type_data_name_obj4);
				})
				// 工单
				var type_data_uuu = [];
				var type_data_name_arry5 = [];
				$(stateaa).each(function(i, n) {
					//type_data_arry.push(n.name)
					//数据
					var type_data_obj5 = {};
					type_data_obj5.name = n.name;
					type_data_obj5.value = n.number;
					if(n.number!=0){
						type_data_uuu.push(type_data_obj5);
					}
//					type_data_uuu.push(type_data_obj5);
					//名称
					var type_data_name_obj5 = {};
					type_data_name_obj5 = n.name;
					type_data_name_arry5.push(type_data_name_obj5);
				})

				myChart.setOption({
					color: ['#1852B5'],
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						"textStyle": {
							"fontSize": 16 * getHeightScale,
						}
					},
					xAxis: {
						data: type_data_name_arry, //["合计", "咨询", "投诉", "抽检", "建议及其他", ""],  ["咨询", "投诉", "抽检", "建议", "合计"]
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#000946",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					series: [{
						name: '反馈类型统计',
						type: 'bar',
						x: 'center',
						// barGap:'2%', //两个柱子距离
						barWidth: 20 * getHeightScale,
						data: type_data_arry
					}]
				});
				myCha.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '访问来源',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						data: type_data_arry,
						type_data_name_arry,
						label: {
							normal: {
								position: 'inner',
								show: false
							}
						},
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myChartaaa.setOption({
					color: ['#1852B5'],
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						splitNumber: 5,
						data: type_data_name_arry1, //["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#000946",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					series: [{
						name: '产品类型统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_aaa,
					}]
				});
				myChaaaa.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '访问来源',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						data: type_data_aaa,
						type_data_name_arry1,
						label: {
							normal: {
								position: 'inner',
								show: false
							}
						},
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myChartbbb.setOption({
					color: ['#1852B5'],
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#000946",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					series: [{
						name: '渠道类型统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_ccc,

					}]
				});
				myChaccc.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},

					series: [{
						name: '渠道类型统计',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						data: type_data_ccc,
						type_data_name_arry2,
						label: {
							normal: {
								position: 'inner',
								show: false
							}
						},
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myCharteee.setOption({
					color: ['#1852B5'],
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					xAxis: {
						data: type_data_name_arry3, // ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
       						textStyle: {
        						fontSize: 16 * getHeightScale // 让字体变大
   							}
      					}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#000946",
							}
						},
						axisLabel: { //调整x轴的lable  
       						textStyle: {
        						fontSize: 16 * getHeightScale // 让字体变大
   							}
      					}
					},
					series: [{
						name: '超期部门统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_bbb,

					}]
				});
				myCharrr.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},

					series: [{
						name: '超期部门统计',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						data: type_data_bbb,
						type_data_name_arry3,
						label: {
							normal: {
								position: 'inner',
								show: false
							}
						},
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myChartwww.setOption({
					color: ['#1852B5'],
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry4, //["合计", "非常满意", "满意", "一般", "不满意", ""],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
       						textStyle: {
        						fontSize: 16 * getHeightScale // 让字体变大
   							}
      					}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#000946",
							}
						},
						axisLabel: { //调整x轴的lable  
       						textStyle: {
        						fontSize: 16 * getHeightScale // 让字体变大
   							}
      					}
					},
					series: [{
						name: '满意度统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_nnn,

					}]
				});
				myChaqqq.setOption({
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},

					series: [{
						name: '满意度统计',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						data: type_data_nnn,
						type_data_name_arry4,
						label: {
							normal: {
								position: 'inner',
								show: false
							}
						},
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myChartppp.setOption({
					color: ['#1852B5'],
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry5,
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#000946",
							}
						},
						axisLabel: { //调整x轴的lable  
					    	textStyle: {
					    		fontSize: 16 * getHeightScale // 让字体变大
					    	}
					    }
					},
					series: [{
						name: '工单',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_uuu,
					}]
				});
				myChalll.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},

					series: [{
						name: '访问来源',
						type: 'pie',
						radius: '55%',
						center: ['50%', '60%'],
						data: type_data_uuu,
						type_data_name_arry5,
						label: {
							normal: {
								position: 'inner',
								show: false
							}
						},
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							},
						}
					}]
				});

				myKouc1.setOption({
					color: ['#1852B5'],
					title: {
						text: '基地反馈统计',
						x: 'center',
						textStyle: {
							"color": "#53FEC0",
							fontSize: 24 * getHeightScale,
						}
					},
					textStyle: {
						fontSize: 14 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry, //["合计", "咨询", "投诉", "抽检", "建议及其他", ""],  ["咨询", "投诉", "抽检", "建议", "合计"]
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					dataZoom: [{
							show: false, //是否显示下方滚动条
							realtime: true,
							start: 0, //显示数据开始位置
							end: 50 //显示数据结束位置
						},
						{
							type: 'inside',
							realtime: true,
							start: 0,
							end: 50
						}
					],
					series: [{
						name: '基地反馈统计',
						type: 'bar',
						x: 'center',
						// barGap:'2%', //两个柱子距离
						barWidth: 20 * getHeightScale,
						data: type_data_arry
					}]
				});
				myKouc.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '基地反馈统计',
						type: 'pie',
						radius: '40%',
						center: ['50%', '60%'],
						data: type_data_arry,
						type_data_name_arry,
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myKucot1.setOption({
					color: ['#1852B5'],
					title: {
						text: '产品类型统计',
						x: 'center',
						textStyle: {
							"color": "#53FEC0",
							fontSize: 24 * getHeightScale,
						}
					},
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						splitNumber: 5,
						data: type_data_name_arry1, //["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					dataZoom: [{
							show: false, //是否显示下方滚动条
							realtime: true,
							start: 0, //显示数据开始位置
							end: 50 //显示数据结束位置
						},
						{
							type: 'inside',
							realtime: true,
							start: 0,
							end: 50
						}
					],
					series: [{
						name: '产品类型统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_aaa,
					}]
				});
				myKucot.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '产品类型统计',
						type: 'pie',
						radius: '40%',
						center: ['50%', '60%'],
						data: type_data_aaa,
						type_data_name_arry1,

						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myTou1.setOption({
					color: ['#1852B5'],
					title: {
						text: '渠道类型统计',
						x: 'center',
						textStyle: {
							"color": "#53FEC0",
							fontSize: 24 * getHeightScale,
						}
					},
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					dataZoom: [{
							show: false, //是否显示下方滚动条
							realtime: true,
							start: 0, //显示数据开始位置
							end: 150 //显示数据结束位置
						},
						{
							type: 'inside',
							realtime: true,
							start: 0,
							end: 50
						}
					],
					series: [{
						name: '渠道类型统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_ccc,

					}]
				});
				myTou.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '渠道类型统计',
						type: 'pie',
						radius: '40%',
						center: ['50%', '60%'],
						data: type_data_ccc,
						type_data_name_arry2,

						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myRi1.setOption({
					color: ['#1852B5'],
					title: {
						text: '超期部门统计',
						x: 'center',
						textStyle: {
							"color": "#53FEC0",
							fontSize: 24 * getHeightScale,
						}
					},
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry3, // ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					dataZoom: [{
							show: false, //是否显示下方滚动条
							realtime: true,
							start: 0, //显示数据开始位置
							end: 50 //显示数据结束位置
						},
						{
							type: 'inside',
							realtime: true,
							start: 0,
							end: 50
						}
					],
					series: [{
						name: '超期部门统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_bbb,

					}]
				});
				myRi.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '超期部门统计',
						type: 'pie',
						radius: '40%',
						center: ['50%', '60%'],
						data: type_data_bbb,
						type_data_name_arry3,
						itemStyle: {
							emphasis: {
								shadowBlur: 10,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myEkit1.setOption({
					color: ['#1852B5'],
					title: {
						text: '满意度统计',
						x: 'center',
						textStyle: {
							"color": "#53FEC0",
							fontSize: 24 * getHeightScale,
						}
					},
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {},
					xAxis: {
						data: type_data_name_arry4, //["合计", "非常满意", "满意", "一般", "不满意", ""],
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					dataZoom: [{
							show: false, //是否显示下方滚动条
							realtime: true,
							start: 0, //显示数据开始位置
							end: 300 //显示数据结束位置
						},
						{
							type: 'inside',
							realtime: true,
							start: 0,
							end: 50
						}
					],
					series: [{
						name: '满意度统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_nnn,

					}]
				});
				myEkit.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '满意度统计',
						type: 'pie',
						radius: '40%',
						center: ['50%', '60%'],
						data: type_data_nnn,
						type_data_name_arry4,

						itemStyle: {
							emphasis: {
								shadowBlur: 10,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

				myChreti1.setOption({
					color: ['#1852B5'],
					title: {
						text: '工单总量统计',
						x: 'center',
						textStyle: {
							"color": "#53FEC0",
							fontSize: 24 * getHeightScale,
						}
					},
					tooltip: {},
					legend: {},
					xAxis: [{
						data: type_data_name_arry5,
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					}],
					yAxis: {
						splitLine: {　　　　
							show: false　　
						},
						axisLine: { //这是x轴文字颜色
							lineStyle: {
								color: "#FFFFFF",
							}
						},
						axisLabel: { //调整x轴的lable  
							textStyle: {
								fontSize: 16 * getHeightScale // 让字体变大
							}
						}
					},
					dataZoom: [{
							show: false, //是否显示下方滚动条
							realtime: true,
							start: 0, //显示数据开始位置
							end: 50 //显示数据结束位置
						},
						{
							type: 'inside',
							realtime: true,
							start: 0,
							end: 50
						}
					],
					series: [{
						name: '工单总量统计',
						type: 'bar',
						barWidth: 20 * getHeightScale,
						data: type_data_uuu,
					}]
				});
				myChreti.setOption({
					textStyle: {
						fontSize: 16 * getHeightScale,
					},
					tooltip: {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [{
						name: '工单总量统计',
						type: 'pie',
						radius: '40%',
						center: ['50%', '60%'],
						data: type_data_uuu,
						type_data_name_arry5,
						itemStyle: {
							emphasis: {
								shadowBlur: 10 * getHeightScale,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							},
							normal: {
								color: function(params) {
									//自定义颜色
									var colorList = [
										'#1890FF', '#2EC25B', '#FACC14', '#04D9FF', '#8543E0', '#13C2C2',
										'#00C0FF', '#05EB78', '#D141D9', '#05EB61', '#2FCDCD', '#BEEB30',
										'#EB9005', '#FFFF00', '#FF7F50', '#3CB371', '#00BFFF', '#9932CC',
									];
									return colorList[params.dataIndex]
								}
							}
						}
					}]
				});

			}
		}
	});
}

$(document).ready(function() {

	DQQ($("#customer_comaddress")); //大区
	XSJD($("#xiaoshou")); //销售基地
	ZXCPMC($("#Product_Category")); //产品名称 
	ZXCPMC($("#product_name")); //三屏产品名称
	QDLXX($("#customer_taxPointDes")); //渠道类型

	XSJD($("#category")); //销售基地

});
//渠道类型
function QDLXX(obj) {
	obj.empty();
	obj.append('<option selected="selected" value="">渠道类型</option>');
	$.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
		// "token": $.cookie("token"),
		flag: "QDLX",
	}, function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
			})
		}
	})
}
//产品名称	
function ZXCPMC(obj) {
	obj.empty();
	obj.append('<option selected="selected" value="">产品名称</option>');
	$.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
		// "token": $.cookie("token"),
		flag: "CPZL",
	}, function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
			})
		}
	})
}
//销售基地
function XSJD(obj) {
	obj.empty();
	obj.append('<option selected="selected" value="">基地</option>');
	$.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
		// "token": $.cookie("token"),
		flag: "XSJD",
	}, function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
			})
		}
	})
}

function DQQ(obj) {
	obj.empty();
	obj.append('<option selected="selected" value="">大区</option>');
	$.getJSON(huayi.config.callcenter_url + "Department/GetList", {
		// "token": $.cookie("token"),
		F_Layer: 1,
	}, function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(obj);
			})
		}
	})
}

function KEFENGONG(obj) {
	obj.empty();
	obj.append('<option selected="selected" value="">分公司</option>');
	$.getJSON(huayi.config.callcenter_url + "Department/GetList", {
		// "token": $.cookie("token"),
		F_Layer: 2,
		F_DeptName: $("#customer_comaddress").find("option:selected").text(),
	}, function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(obj);
			})
		}
	})
}

$('#customer_comaddress').on('change', function() {
	$.getJSON(huayi.config.callcenter_url + "Department/GetList", {
		// "token": $.cookie("token"),
		F_Layer: 2,
		F_DeptName: $("#customer_comaddress").find("option:selected").text(),
	}, function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo("#customer_legalName");
			})
			KEFENGONG($("#customer_legalName"));
		}
	})
});