SQMQ12345_Web/WebChart/js/jiedanbumen.js

		//=================echarts====================
		// 基于准备好的dom，初始化echarts实例
		var jiedan = echarts.init(document.getElementById('jiedan1'));
		jiedan.setOption({
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'cross',
					label: {
						show: true,
						backgroundColor: '#333'
					}
				}
			},
			legend: {
				data: [],
				textStyle: {
					color: '#ccc'
				},
				bottom: 'bottom',
			},
			xAxis: {
				name: '月份',
				data: [],
				axisLine: {
					lineStyle: {
						color: '#ccc'
					}
				}
			},
			yAxis: {
				name: '数量',
				//				min: 0,
				//				max: 400,
				//				interval: 50,
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: '#ccc'
					}
				}
			},
			series: []
		});
		var part2 = echarts.init(document.getElementById('timefb'));
		part2.setOption({
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'shadow',
					label: {
						show: true,
						backgroundColor: '#333'
					}
				},
				formatter: function(datas) {
					var res = datas[0].name + '<br/>',
						val;
					for(var i = 0, length = datas.length; i < length; i++) {
						val = (datas[i].value);
						res += datas[i].seriesName + '：' + val + '<br/>';
					}
					return res;
				}
			},
			legend: {
				//		top: 30,
				//		orient: 'vertical',
				bottom: 'bottom',
				data: ['受理工单数', '处理工单数'],
				textStyle: {
					color: '#fff'
				}
			},
			xAxis: {
				name: '时',
				data: [],
				axisLine: {
					lineStyle: {
						color: '#ccc'
					}
				},

			},
			yAxis: {
				name: '数量',
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: '#ccc'
					}
				}
			},
			series: [{
				name: '受理工单数',
				type: 'bar',
				barWidth: '20%',
				itemStyle: {
					normal: {
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1, [{
									offset: 0,
									color: '#83bff6'
								},
								{
									offset: 0.5,
									color: '#188df0'
								},
								{
									offset: 1,
									color: '#188df0'
								}
							]
						)
					}
				},
				label: {
					normal: {
						show: true,
						position: 'top', //顶部数据显示位置
						formatter: '{c}' // 这里是数据展示的时候显示的数据
					}
				},
				data: []
			}, {
				name: '处理工单数',
				type: 'bar',
				barWidth: '20%',
				itemStyle: {
					normal: {
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1, [{
									offset: 0,
									color: '#14c8d4'
								},
								{
									offset: 1,
									color: '#43eec6'
								}
							]
						)
					}
				},
				label: {
					normal: {
						show: true,
						position: 'top', //顶部数据显示位置
						formatter: '{c}' // 这里是数据展示的时候显示的数据
					}
				},
				data: []
			}]

		});

		Ajax();

		function Ajax() {
			var index = layer.load(1, {
				shade: [0.5, '#030303'] //0.1透明度的白色背景
			});
			$('.txbox').html('');
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + "Info/GetDeptInfo",
				async: true,
				dataType: 'json',
				success: function(result) {
					if(result.state.toLowerCase() == 'success') {
						layer.close(index);
						var jieDans = result.data.a;
						var counts = jieDans.counts;
						var sers = [];
						$(counts).each(function(i, n) {
							console.log(n[i]);
							var obj = {};
							obj.name = jieDans.cols[i];
							//						obj.type = "bar";
							obj.type = "line";
							obj.smooth = true;
							obj.showAllSymbol = true;
							obj.symbol = "emptyCircle";
							obj.symbolSize = 10;
							obj.data = n;
							sers.push(obj)
						});
						jiedan.setOption({
							xAxis: {
								data: jieDans.months
							},
							legend: {
								data: jieDans.cols
							},
							series: sers
						});

						var orderDealTime = result.data.b;
						
						part2.setOption({
								xAxis: {
									data:orderDealTime.hours
								},
								series: [{
									data: orderDealTime.acounts
								},{
									data:orderDealTime.fcounts
								}]
							});
						
					}
				}
			});

		}
		setInterval(Ajax, huayi.config.indextime); //Ajax调用函数