AnYang_UI/WebChartNewest/js/trafficData0...

getworkOrder()
$('.btn_time').click(function(e) {
	if(e.target.tagName == 'SPAN') {
		if($(e.target).attr('data-state') == '1') {
			$(".hwsjtj").hide()
			$('.daySeat').css('display', 'none')
			$('.timeTraffic').css('display', 'inline-block')
			$('#traffic').css('display', 'none')
			$('#timeTraffic').css('display', 'block')
			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
			$('.call_situation h2').text('话务数据统计')
			getworkOrder()
			trafficState = 0
		}
	}
	e.stopPropagation();
})

function getworkOrder() {
	let workOrderData = [];
	let workOrderName = []
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
		data: {
			timetype: telCountByNowType
		},
		callBack: function(res) {
			var data = res.data.hw[0]
			console.log(data)
			trafficDataChart(data)
		}
	});
}
function getLabelOption(positionObj,numberType){
	var labelOption = {
		show: true,
		rotate: 0,
		align: 'center',
		color: '#fff',
		verticalAlign: 'middle',
		position: positionObj,
		formatter: function(params) {
			if(params.value > 0) {
				if(numberType){
					return params.value + "%";
				} else{
					return params.value;
				}
				
			} else {
				return ' ';
			}
		},
		fontSize: 12,
	};
	return labelOption
}

function trafficDataChart(getdata) {
	let hotThingsLeft = echarts.init(document.getElementById("timeTrafficLeft"));
	let hotThingsRight = echarts.init(document.getElementById("timeTrafficRight"));
	window.onresize = function() {
		hotThingsLeft.resize()
		hotThingsRight.resize()
	}
	hotThingsLeft.setOption(getOption(getdata));
	hotThingsRight.setOption(getOption(getdata));
}

function getOption(getdata){
	return option = {
		tooltip: {
			trigger: 'item',
			show: true,
			// 进行数据处理
			formatter: function(params) {
				console.log(params, 'params')
				var html = '';
				if(params.value > 0) {
					html += params.marker;
					if(params.name.indexOf('率') >= 0) {
						html += params.seriesName + ': ' + params.value + '%<br/>';
					} else {
						html += params.seriesName + ': ' + params.value + '<br/>';
					}
				}
				return html;
			}
		},
		grid: {
			left: '3%',
			right: '4%',
			bottom: '15%',
			containLabel: true
		},
		xAxis: [{
			type: 'category',
			axisLine: {
				lineStyle: {
					color: '#ffffff'
				}
			},
			axisLabel: {
				show: true,
				rotate: 0, // 角度值：Number
				interval: '0', 
				verticalAlign: 'left',
				fontSize: 12, // 顺便调小一点字体大小
				padding: [0, 0, 0, -10],
				textStyle: {
					color: '#ffffff'
				},
				formatter: function (value) {
					//x轴的文字改为竖版显示
					var str = value;
					if (value === "接通量呼入量") {
						str = "呼入量       接通量"
					} else if(value === "呼出接通量呼出量"){
						str = "呼出量            呼出接通量"
					}else if(value === "呼入接通率"){
						str = "呼入接通率"
					}else if(value === "呼出接通率"){
						str = "    呼出接通率"
					}
					return str
				}
			},
			data: ['接通量呼入量', '呼入接通率', '呼出接通量呼出量', '呼出接通率']
		}],
		yAxis: [{
				type: 'value',
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: '#ffffff'
					}
				}
			},
			{
				type: 'value',
				axisLine: {
					lineStyle: {
						color: '#ffffff'
					}
				},
				splitLine: {
					show: false
				},
				min: 0,
				max: 100,
				axisLabel: {
					formatter: '{value} %'
				}
			}
		],
    	color: ['#cd5c5c','#87cefa','#da70d6','#32cd32','#6495ed',
            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0'],
		series: [
			{
				name: '呼出量',
				type: 'bar',
				barWidth: 15,
				label: getLabelOption(['50%', -5],0),
				emphasis: {
					focus: 'series'
				},
				data: [0, 0, getdata.hccount, 0]
			},
			
			{
				name: '有效来电',
				type: 'bar',
				stack: 'A',
				label: getLabelOption(['200%', 40],0),
				barWidth: 15,
				emphasis: {
					focus: 'series'
				},
				data: [getdata.effective, 0, 0, 0]
			},
			{
				name: '无效来电',
				type: 'bar',
				stack: 'A',
				label: getLabelOption(['200%', 20],0),
				barWidth: 15,
				emphasis: {
					focus: 'series'
				},
				data: [getdata.invalid, 0, 0, 0]
			},
			
			
			{
				name: '接通率',
				type: 'bar',
				stack: 'B',
				barWidth: 15,
				yAxisIndex: 1,
				label: getLabelOption(['250%', 60],1),
				emphasis: {
					focus: 'series'
				},
				data: [0, getdata.jtbili, 0, 0]
			},
			{
				name: '自助率',
				type: 'bar',
				stack: 'B',
				barWidth: 15,
				yAxisIndex: 1,
				label: getLabelOption(['250%', 40],1),
				emphasis: {
					focus: 'series'
				},
				data: [0, getdata.zzbili, 0, 0]
			},
			{
				name: '回拨率',
				type: 'bar',
				stack: 'B',
				barWidth: 15,
				yAxisIndex: 1,
				label: getLabelOption(['250%', 20],1),
				emphasis: {
					focus: 'series'
				},
				data: [0, getdata.hbbili, 0, 0]
			},
			
			{
				name: '呼出接通率',
				type: 'bar',
				barWidth: 15,
				yAxisIndex: 1,
				label: getLabelOption(['50%', -5],1),
				emphasis: {
					focus: 'series'
				},
				data: [0, 0, 0, getdata.hcbili]
			},
			{
				name: '人工接通',
				type: 'bar',
				stack: 'Ad',
				barWidth: 15,
				label: getLabelOption(['200%', 60],0),
				emphasis: {
					focus: 'series'
				},
				data: [getdata.jtcount, 0, 0, 0]
			},
			{
				name: '自助接通量',
				type: 'bar',
				stack: 'Ad',
				barWidth: 15,
				label: getLabelOption(['200%', 40],0),
				emphasis: {
					focus: 'series'
				},
				data: [getdata.zzcount, 0, 0, 0]
			},
			{
				name: '未接通回拨量',
				type: 'bar',
				stack: 'Ad',
				barWidth: 15,
				label: getLabelOption(['200%', 20],0),
				emphasis: {
					focus: 'series'
				},
				data: [getdata.hbcount, 0, 0, 0]
			},
			{
				name: '呼出接通量',
				type: 'bar',
				barWidth: 15,
				label: getLabelOption(['50%', -5],0),
				emphasis: {
					focus: 'series'
				},
				data: [0, 0, getdata.hcjtcount, 0]
			},

		]
	};
	
}