XiXianDC_UI/CallCenterWe.../js/huTotal.js

var token = $.cookie("token");
var seriesData = []; //柱形图数据
var date = helper.DateFormat.getNowYear(); //初始化年份
var arrNum = [];
var myChart;
var aa = true;
$(function() {
	laydate.render({
		elem: '#chooseTime',
		type: 'year',
		value: date,
		theme: '#1ab394'
	});

	//柱形图
	// 基于准备好的dom，初始化echarts实例
	myChart = echarts.init(document.getElementById('huData'));
	option = {
		color: ['#1ab394'],
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'line' // 默认为直线，可选为：'line' | 'shadow'
			},
			//formatter: '{a}:{c}次'
		},
		toolbox: {
			show: true,
		},
		calculable: true,
		xAxis: [{
			type: 'category',
			name: '月份',
			splitLine: {
				show: false
			}, //去除网格线
			data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
			axisTick: {
				alignWithLabel: true
			}
		}],
		yAxis: [{
			type: 'value',
			name: '通话量（次）',
			nameLocation: 'end',
			splitLine: {
				show: false
			}, //去除网格线
		}],
		series: [{
				name: '通话量',
				type: 'bar',
				barWidth: '30%', //图形宽度
				data: arrNum,
				itemStyle: {
					normal: {
						label: {
							show: true,
							textStyle: {
								color: '#800080' //顶部数据颜色
							}
						}
					}
				},
				label: {
					normal: {
						show: true,
						position: 'top' //顶部数据显示位置
					}

				}
			}

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

	myChart.on('click', function(params) {
		if(params.componentType === 'series') {
			if(params.dataIndex) {
				var month = params.name;
			}
		}
	});

	//tab切换
	$('.hu-tab li').click(function() {
		$(this).addClass('active')
			.siblings().removeClass('active');

		var index = $(this).index();
		$('.hu-content >div').eq(index).show()
			.siblings().hide();
	})

	//搜索事件
	$(".sear").click(function() {
		$(".huTable tbody").html('');
		date = $("#chooseTime").val();
		Ajax();
		tu();
		myChart.setOption(option);

	});

});

function Ajax() {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "TotalCall/GetDataList",
		async: true,
		dataType: 'json',
		data: {
			token: token,
			years: date
		},
		success: function(data) {
			var con = data.data;
			if(con == null) {
				//							$(".huTable tbody").html('');
				$('<tr><td colspan="3">暂无数据</td></tr>').appendTo('.huTable tbody');

			} else {
				for(var i = 0; i < con.length; i++) {
					$('<tr><td>' + con[i].月份 + '</td><td>' + con[i].日期 + '</td><td>' + con[i].总数 + '</td></tr>').appendTo(".huTable tbody")
				}
			}
		}
	});
}

function tu() {
	var arr = [];
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "TotalCall/GetChartData",
		async: false,
		dataType: 'json',
		data: {
			token: token,
			years: date
		},
		success: function(data) {
			//console.log(data.data)
			arr = data.data;
		}
	});
	arrNum = arr;
	option.series[0].data = arrNum;

}
//导出
$('.export').click(function() {
	dcexcel(this);
})

function dcexcel(obj) {
	var url = huayi.config.callcenter_url + "TotalCall/ExptList?token=" + $.cookie("token");
	url += "&years=" + $("#chooseTime").val();
	obj.href = url;
}