$("#save_ssss").click(function () {
partpaat()
})
var bigdataList = null;
partpaat();
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(),//分公司
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);
console.log(channel);
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;
type_data_ccc.push(type_data_obj2);
//名称
var type_data_name_obj2 = {};
type_data_name_obj2 = n.name;
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;
type_data_arry.push(type_data_obj);
//名称
var type_data_name_obj = {};
type_data_name_obj = n.name;
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;
type_data_aaa.push(type_data_obj1);
//名称
var type_data_name_obj1 = {};
type_data_name_obj1 = n.name;
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;
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;
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;
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'],
// title: {
// text: '反馈类型统计',
// x: 'center',
// textStyle: {
// "color": "#FFFFFF"
// }
// },
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data: type_data_name_arry, //["合计", "咨询", "投诉", "抽检", "建议及其他", ""], ["咨询", "投诉", "抽检", "建议", "合计"]
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#000946",
}
}
},
series: [{
name: '反馈类型统计',
type: 'bar',
x: 'center',
// barGap:'2%', //两个柱子距离
barWidth: 20,
data: type_data_arry
// [
// {name:con.type[0].name,value:con.type[0].number},
// {name:con.type[1].name,value:con.type[1].number},
// {name:con.type[2].name,value:con.type[2].number},
// {name:con.type[3].name,value:con.type[3].number},
//
// ]
}]
});
myCha.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{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,
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'],
// title: {
// text: '产品类型统计',
// x: 'center',
// textStyle: {
// "color": "#FFFFFF"
// }
// },
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
splitNumber: 5,
data: type_data_name_arry1,//["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
},
// axisLabel: {
// interval: 0,
// rotate: 40
// }
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#000946",
}
}
},
series: [{
name: '产品类型统计',
type: 'bar',
barWidth: 20,
data:type_data_aaa,
}]
});
myChaaaa.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{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,
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'],
// title: {
// text: '渠道类型统计',
// x: 'center',
// textStyle: {
// "color": "#FFFFFF"
// }
// },
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data:type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
},
// axisLabel: {
// interval: 0,
// rotate: 40
// }
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#000946",
}
}
},
series: [{
name: '渠道类型统计',
type: 'bar',
barWidth: 20,
data: type_data_ccc,
}]
});
myChaccc.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{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,
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'],
// title: {
// text: '超期部门统计',
// x: 'center',
// textStyle: {
// "color": "#FFFFFF"
// }
// },
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data:type_data_name_arry3,// ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#000946",
}
}
},
series: [{
name: '超期部门统计',
type: 'bar',
barWidth: 20,
data: type_data_bbb,
}]
});
myCharrr.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{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,
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'],
// title: {
// text: '满意度统计',
// x: 'center',
// textStyle: {
// "color": "#FFFFFF"
// }
// },
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data: type_data_name_arry4,//["合计", "非常满意", "满意", "一般", "不满意", ""],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#000946",
}
}
},
series: [{
name: '满意度统计',
type: 'bar',
barWidth: 20,
data:type_data_nnn,
}]
});
myChaqqq.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{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,
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'],
// title: {
// text: '工单统计',
// x: 'center',
// textStyle: {
// "color": "#FFFFFF"
// }
// },
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data:type_data_name_arry5,
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#000946",
}
}
},
series: [{
name: '工单',
type: 'bar',
barWidth: 20,
data: type_data_uuu,
}]
});
myChalll.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{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,
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"
}
},
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data: type_data_name_arry, //["合计", "咨询", "投诉", "抽检", "建议及其他", ""], ["咨询", "投诉", "抽检", "建议", "合计"]
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
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,
data: type_data_arry
}]
});
myKouc.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
// legend: {
// orient: 'vertical',
// left: 'left',
// // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
// },
series: [{
name: '基地反馈统计',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: type_data_arry,type_data_name_arry,
// [
//
// {
// name: con.type[0].name,
// value: con.type[0].number
// },
// {
// name: con.type[1].name,
// value: con.type[1].number
// },
// {
// name: con.type[2].name,
// value: con.type[2].number
// },
// {
// name: con.type[3].name,
// value: con.type[3].number
// },
// ],
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]
}
}
}
}]
});
myKucot1.setOption({
color: ['#1852B5'],
title: {
text: '产品类型统计',
x: 'center',
textStyle: {
"color": "#53FEC0"
}
},
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
splitNumber: 5,
data: type_data_name_arry1,//["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
},
// axisLabel: {
// interval: 0,
// rotate: 40
// }
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
dataZoom: [
{
show: false, //是否显示下方滚动条
realtime: true,
start: 0, //显示数据开始位置
end: 50 //显示数据结束位置
},
{
type: 'inside',
realtime: true,
start: 0,
end: 50
}
],
series: [{
name: '产品类型统计',
type: 'bar',
barWidth: 20,
data:type_data_aaa,
}]
});
myKucot.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
// legend: {
// orient: 'vertical',
// left: 'left',
// // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
// },
series: [{
name: '产品类型统计',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: type_data_aaa,type_data_name_arry1,
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]
}
}
}
}]
});
myTou1.setOption({
color: ['#1852B5'],
title: {
text: '渠道类型统计',
x: 'center',
textStyle: {
"color": "#53FEC0"
}
},
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data:type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
},
// axisLabel: {
// interval: 0,
// rotate: 40
// }
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
dataZoom: [
{
show: false, //是否显示下方滚动条
realtime: true,
start: 0, //显示数据开始位置
end: 150 //显示数据结束位置
},
{
type: 'inside',
realtime: true,
start: 0,
end: 50
}
],
series: [{
name: '渠道类型统计',
type: 'bar',
barWidth: 20,
data: type_data_ccc,
}]
});
myTou.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
// legend: {
// orient: 'vertical',
// left: 'left',
// // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
// },
series: [{
name: '渠道类型统计',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: type_data_ccc,type_data_name_arry2,
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]
}
}
}
}]
});
myRi1.setOption({
color: ['#1852B5'],
title: {
text: '超期部门统计',
x: 'center',
textStyle: {
"color": "#53FEC0"
}
},
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data:type_data_name_arry3,// ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
dataZoom: [
{
show: false, //是否显示下方滚动条
realtime: true,
start: 0, //显示数据开始位置
end: 50 //显示数据结束位置
},
{
type: 'inside',
realtime: true,
start: 0,
end: 50
}
],
series: [{
name: '超期部门统计',
type: 'bar',
barWidth: 20,
data: type_data_bbb,
}]
});
myRi.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
// legend: {
// orient: 'vertical',
// left: 'left',
// // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
// },
series: [{
name: '超期部门统计',
type: 'pie',
radius: '55%',
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"
}
},
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data: type_data_name_arry4,//["合计", "非常满意", "满意", "一般", "不满意", ""],
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
dataZoom: [
{
show: false, //是否显示下方滚动条
realtime: true,
start: 0, //显示数据开始位置
end: 300 //显示数据结束位置
},
{
type: 'inside',
realtime: true,
start: 0,
end: 50
}
],
series: [{
name: '满意度统计',
type: 'bar',
barWidth: 20,
data:type_data_nnn,
}]
});
myEkit.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
// legend: {
// orient: 'vertical',
// left: 'left',
// // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
// },
series: [{
name: '满意度统计',
type: 'pie',
radius: '55%',
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"
}
},
tooltip: {},
// legend: {
// // data: ['销量']
// },
xAxis: {
data:type_data_name_arry5,
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
yAxis: {
splitLine:{
show:false
},
axisLine: { //这是x轴文字颜色
lineStyle: {
color: "#FFFFFF",
}
}
},
dataZoom: [
{
show: false, //是否显示下方滚动条
realtime: true,
start: 0, //显示数据开始位置
end: 50 //显示数据结束位置
},
{
type: 'inside',
realtime: true,
start: 0,
end: 50
}
],
series: [{
name: '工单总量统计',
type: 'bar',
barWidth: 20,
data: type_data_uuu,
}]
});
myChreti.setOption({
title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
// legend: {
// orient: 'vertical',
// left: 'left',
// // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
// },
series: [{
name: '工单总量统计',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: type_data_uuu,type_data_name_arry5,
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]
}
}
}
}]
});
}
}
});
}
$(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('');
$.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) {
$("").appendTo(obj);
})
}
})
}
//产品名称
function ZXCPMC(obj) {
obj.empty();
obj.append('');
$.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) {
$("").appendTo(obj);
})
}
})
}
//销售基地
function XSJD(obj) {
obj.empty();
obj.append('');
$.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) {
$("").appendTo(obj);
})
}
})
}
function DQQ(obj) {
obj.empty();
obj.append('');
$.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) {
$("").appendTo(obj);
})
}
})
}
function KEFENGONG(obj) {
obj.empty();
obj.append('');
$.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) {
$("").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) {
$("").appendTo("#customer_legalName");
})
KEFENGONG($("#customer_legalName"));
}
})
});