// 关键词 let keyidArr = []; let keyid = 0; let starKeyId = 0; let keyname = ''; let keylegend = []; let nameK = '' let reg = /\w\d+$/; $('.backKey_icon').click(function () { for (let i = 0; i < keyidArr.length; i++) { if (keyidArr[i].id == keyid) { $('.keyWordTitle').text(keyidArr[i - 1].name + '问题分类') $('.head_title').text(keyidArr[i - 1].name + '关键字数据分析') keyWordTable(keyidArr[i - 1].id); keyidArr.pop(keyidArr[i].id) keyid = keyidArr[i - 1].id } } }) $('.closeKey_icon').click(function () { $('#themeIdHidden').val('') $('.bulletFrame').hide(); $('.bulletFrameT').hide(); if ($('.bulletFrame').css('display') == 'none') { $('.body').css('opacity', '1') } if ($('.bulletFrameT').css('display') == 'none') { $('.body').css('opacity', '1') } keyidArr = []; keyid = 0 $('#themeIdHidden').val('') }) // 获取当月的开始和结束时间并转换为时分秒形式 function getMonthTime(time) { const now = new Date(time); const year = now.getFullYear(); const month = now.getMonth(); // 从0开始的月份索引 // 当月开始时间 const startOfMonth = formatDate(new Date(year, month, 1)); // 当月结束时间 const endOfMonth = formatDate(new Date(year, month + 1, 0)); return { start: startOfMonth, end: endOfMonth }; } function formatDate(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } return year + '-' + month + '-' + strDate; } function getKeyClass(id, classId, con) { $('.bulletFrame').show(); $('.secondLevel_keyWord').show(); $('.secondLevel_keyWord').siblings().hide() if ($('.bulletFrame').css('display') == 'block') { $('.body').css('opacity', '0.4') } var lastTime = $('#keyDate').val(); if (!lastTime || lastTime == '' || lastTime.length > 10) { lastTime = getNowTime('', 3); } laydate.render({ elem: '#keyDate', type: 'date', calendar: true, value: lastTime, done: function (value) { $('.keyWordTitle').text(keyidArr[0].name + '问题分类') $('.head_title').text(keyidArr[0].name + '关键字数据分析') $('.statisticsTime').html(value) keyWordTable(keyidArr[0].id, keyidArr[0].name, value); } }); if (classId == '1' || classId == '0') { // 当月 if ($('#gpsxDataAct').val() == '2') { // // workTable(id,null,null,null,null ,null,null,null,null,null,null,null, $('#keyDate').val()); var currentTime = getMonthTime($('#keyDate').val()); workTable(id,null,null,null,null ,null,null,null,null,null,null,null, null, null, null, currentTime.start, currentTime.end, classId == '0' ? 1: null); } else { // 当日 workTable(id,null,null,null,null ,null,null,null,null,null,null,null, $('#keyDate').val(), null, null, null, null , classId == '0' ? 1: null); } } else { // getTimes('.statisticsTime', 1) $('.statisticsTime').html($('#keyDate').val()) keyidArr.push({ name: con, id: id }) keyid = id $('.keyWordTitle').text(con + '问题分类') $('.head_title').text(con + '关键字数据分析') keyWordTable(id, con, $('#keyDate').val()); } } function keyWordTable(id, con, value) { var $tableLeft = $('#keyWordlist'); $tableLeft.bootstrapTable('destroy'); //初始化表格,动态从服务器加载数据 $tableLeft.bootstrapTable({ method: "get", //使用get请求到服务器获取数据 url: huayi.config.callcenter_url + "/InfoNew/GetKeyCountByNow", striped: false, //表格显示条纹 pagination: false, //启动分页 pageSize: 12, //每页显示的记录数 pageNumber: 1, //当前第几页 fixedColumns: false, fixedNumber: 3, pageList: [5, 10, 20, 50, 100], //记录数可选列表 search: false, //是否启用查询 showColumns: false, //显示下拉框勾选要显示的列 showRefresh: false, //显示刷新按钮 sidePagination: "server", //表示服务端请求 //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder //设置为limit可以获取limit, offset, search, sort, order queryParamsType: "undefined", queryParams: function queryParams(params) { //设置查询参数 var param = { pid: id, token: $.cookie("token"), timetype:keyCountDataType, date: value } return param }, onLoadSuccess: function (data) { //加载成功时执行 const newDataL = {}; const piData = []; newDataL.state = data.state; newDataL.message = data.message; newDataL.rows = data.data.Date; data.data.Date.forEach(function (v, n) { piData.push({ value: v.Count, name: v.KeyName.replace(reg, '') }) }) var nameArray = piData.map(item => { return item.name }) keyword_chart('keywordPie', nameArray, piData, con); $('.total').text(data.data.Total) $('.classTotal').text(data.data.ClaseeCount) $('.prot').text(data.data.ClassTotal) $tableLeft.bootstrapTable('load', newDataL); }, onLoadError: function () { //加载失败时执行 layer.msg("加载数据失败", { time: 1500, icon: 2 }); } }); } function keyword_chart(dom, nameArray, piData, con) { let keywordPieChart = echarts.init(document.getElementById(dom)); let keywordNum = []; let keywordName = []; var rich = { percent: { color: "#FFF", align: 'right', fontSize: 15, fontWeight: '500', //padding: [0, 5] } } nameArray.forEach(function (v, n) { keywordNum.push({ num: Number(v.substr(v.length - 2, 2)), value: v }) }) let max; for (let i = 0; i < keywordNum.length; i++) { for (let j = i; j < keywordNum.length; j++) { if (keywordNum[i].num < keywordNum[j].num) { max = keywordNum[j]; keywordNum[j] = keywordNum[i]; keywordNum[i] = max; } } } keywordNum.forEach(function (v, n) { keywordName.push(v.value.replace(reg, '')); }) keywordName.forEach(function (v, n) { if (v.length > 20) { keylegend = [{ icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '610', // data: keywordName.slice(0, 6), data: keywordName.slice(0, 1), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [5, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '620', // data: keywordName.slice(6, 12), data: keywordName.slice(1, 2), width: 28, height: 25, itemGap: 20, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [10, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(2, 3), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [20, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(3, 4), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [40, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(4, 5), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [60, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(5, 6), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [80, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(6, keywordName.length), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [100, 10] }] } else { if (con == '营商管理03') { keylegend = [{ icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '610', // data: keywordName.slice(0, 6), data: keywordName.slice(0, 6), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [15, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '620', // data: keywordName.slice(6, 12), data: keywordName.slice(6, 12), width: 28, height: 25, itemGap: 20, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [40, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(12, 18), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [65, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(18, keywordName.length), width: 30, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [90, 10] } ] } else { keylegend = [{ icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '610', // data: keywordName.slice(0, 6), data: keywordName.slice(0, 5), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [15, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '620', // data: keywordName.slice(6, 12), data: keywordName.slice(5, 10), width: 28, height: 25, itemGap: 20, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [40, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(10, 15), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [65, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(15, keywordName.length), width: 30, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [90, 10] } ] } } }) keywordName.reverse(); option = { legend: keylegend, color: ['#008aff', '#88ffb7', '#00bba7', '#fddb6a', '#fb6a76', '#ff0000', '#e5a0ff', '#9b56ff', '#8200f0', '#68f6ff', '#FF8352', '#E271DE', '#F8456B', '#3751E6', '#FFC722', '#00BFA5', "#EAEA26" ], series: [{ name: '访问来源', type: 'pie', radius: '58%', data: piData, emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } }, label: { normal: { show: false, formatter: function (params) { if (params.name.length > 9 && params.name.length < 35) { return params.name.substring(0, 20) + '\n' + params.name.substring(20, params.name.length) + ':' + params.value; } else if (params.name.length > 35) { return params.name.substring(0, 18) + '\n' + params.name.substring(18, 36) + '\n' + params.name.substring(36, params.name.length) + ':' + params.value; } else { return params.name + ':' + params.value; } } }, emphasis: { // position: 'left', show: true, textStyle: { color: '#fff', fontSize: '14', fontWeight: 'bold' }, labelLine: { show: true }, length: 1 } } }] }; keywordPieChart.setOption(option); } function Code(val, row, index) { let num = index + 1 return "" + num + "" // return index + 1; } function getKeyName(v, r) { for (let i = 0; i < keyidArr.length; i++) { if (keyidArr[i].id == keyid) { if (keyidArr[0].id == keyid) { $('.backKey_icon').css('display', 'none') } else { $('.backKey_icon').css('display', 'block') } } } return '' + v + '' } function getKeyBili(v) { return "
" + v + "
" } function getKeyNum(v) { return "
" + v + "
" } //办理时长 function timeSecTable(dom, type) { getTimes('.dataTT') var $tableLeft = $(dom); $tableLeft.bootstrapTable('destroy'); //初始化表格,动态从服务器加载数据 $tableLeft.bootstrapTable({ method: "get", //使用get请求到服务器获取数据 url: huayi.config.callcenter_url + "/InfoNew/GetDeptDayTime", striped: false, //表格显示条纹 pagination: false, //启动分页 pageSize: 12, //每页显示的记录数 pageNumber: 1, //当前第几页 fixedColumns: false, fixedNumber: 3, pageList: [5, 10, 20, 50, 100], //记录数可选列表 search: false, //是否启用查询 showColumns: false, //显示下拉框勾选要显示的列 showRefresh: false, //显示刷新按钮 sidePagination: "server", //表示服务端请求 //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder //设置为limit可以获取limit, offset, search, sort, order queryParamsType: "undefined", queryParams: function queryParams(params) { //设置查询参数 var param = { token: $.cookie("token"), type: type, data:$("#rankDate2").val() }; return param; }, onLoadSuccess: function (data) { //加载成功时执行 // data.reverse(); const newDataL = {}; newDataL.state = "success"; newDataL.message = "加载成功"; newDataL.rows = data; $tableLeft.bootstrapTable('load', newDataL); }, onLoadError: function () { //加载失败时执行 layer.msg("加载数据失败", { time: 1500, icon: 2 }); } }); } //办理时长表格操作 function getCompanyName(v, r) { return '' + v + '' } function trend(val, row) { var str = ''; if (row.trend.substring(0, 1) == '-' && row.trend.length > 1) { str = ''; } else if (row.trend.substring(0, 1) != '-' && row.trend.length > 1) { str = ''; } else { str = ''; } return str } var tableColumns = [ // { // title: '序号', // align: 'center', // formatter: function(value, row, index) { // return index + 1 // } // }, { field: 'deptname', title: '联动单位', align: 'center' }, { field: 'Undertakers', title: '承办件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 0); } }, { field: 'Undertakersrate', title: '承办率', align: 'center' }, // { // field: 'Undertakersscore', // title: '得分(3分)', // align: 'center' // }, { field: 'signfor', title: '及时签收件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 1); } }, // { // field: 'oversignfor', // title: '超时签收件 ', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 2); // } // }, { field: 'signforrate', title: '及时签收率', align: 'center' }, // { // field: 'signforscore', // title: '得分(5分)', // align: 'center' // }, { field: 'overdue', title: '按时反馈件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 3); } }, // { // field: 'overfeedback', // title: '超时反馈件', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 4); // } // }, // { // field: 'Processing', // title: '未到期工单', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 13); // } // }, { field: 'overduerate', title: '按时反馈率', align: 'center' }, // { // field: 'overduescore', // title: '得分(15分)', // align: 'center' // }, { field: 'conclude', title: '办结件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 5); } }, // { // field: 'noconclude', // title: '未办结件', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 6); // } // }, // { // field: 'completed', // title: '应办结数量', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 14); // } // }, { field: 'unsuccessfulrate', title: '办结率', align: 'center' }, // { // field: 'unsuccessfulscore', // title: '办结得分(10分)', // align: 'center' // }, { field: 'one', title: '一次办结件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 7); } }, // { // field: 'noone', // title: '非一次办结件', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 8); // } // }, // { // field: 'reply', // title: '回复工单量', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 15); // } // }, { field: 'onerate', title: '一次办结率', align: 'center' }, // { // field: 'onescore', // title: '得分(12分)', // align: 'center' // }, // { // field: 'noexamine', // title: '不计入考核件', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 9); // } // }, // { field: 'review', title: '评议件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 10); } }, { field: 'satisfied', title: '满意件', align: 'center', formatter: function(value, row, index) { return handleOrderList(value, row, 11); } }, // { // field: 'nosatisfied', // title: '不满意件', // align: 'center', // formatter: function(value, row, index) { // return handleOrderList(value, row, 12); // } // }, { field: 'satisfiedrates', title: '满意率', align: 'center' }, // { // field: 'satisfiedscore', // title: '得分(55分)', // align: 'center' // }, { field: 'total', title: '总分', align: 'center' }, { title: '排名', align: 'center', formatter: function(value, row, index) { return index + 1 } }, ]; function handleOrderList(val, row, tab) { if(row.deptname !== '合计' && row.deptname !== '总计') { if(!val) { val = 0 } return '
' + val + '
' } else { return val } } function testSecTable(id, type, group, value) { $.ajax({ url: huayi.config.callcenter_url + "/DataAssessment/GetEvaluation", type: 'get', data: { token: $.cookie("token"), // type: type, // starttime: value && value.split(' ~ ')[0], // endtime: value && value.split(' ~ ')[1] // category, date: value, }, dataType: "json", async: true, success: function(returnValue) { //异步获取数据 //debugger; var resultData = returnValue.rows; var resultData_1 = [] var resultData_2 = [] var resultData_3 = [] var resultData_4 = [] var resultData_5 = [] var max; for (var i = 0; i < resultData.length; i++) { for (var j = i; j < resultData.length; j++) { if (resultData[i].total < resultData[j].total) { max = resultData[j]; resultData[j] = resultData[i]; resultData[i] = max; } } } resultData.forEach(function(v, i) { if(v.category === 1) { resultData_1.push(v) } else if(v.category === 2) { resultData_2.push(v) } else if(v.category === 3) { resultData_3.push(v) } else if(v.category === 4) { resultData_4.push(v) } else { resultData_5.push(v) } }) $('#orderlist2').bootstrapTable('load', resultData_1); $('#orderlist4').bootstrapTable('load', resultData_2); $('#orderlist5').bootstrapTable('load', resultData_3); $('#orderlist6').bootstrapTable('load', resultData_4); //$('#workorderlist_5').bootstrapTable('load', resultData_5); } }); $('#orderlist2').bootstrapTable('destroy').bootstrapTable({ striped: true, pagination: false, columns: tableColumns }); $('#orderlist4').bootstrapTable('destroy').bootstrapTable({ striped: true, pagination: false, columns: tableColumns }); $('#orderlist5').bootstrapTable('destroy').bootstrapTable({ striped: true, pagination: false, columns: tableColumns }); $('#orderlist6').bootstrapTable('destroy').bootstrapTable({ striped: true, pagination: false, columns: tableColumns }); } //绩效考核 function testSecTableDel(id, type, group, value) { var $tableLeft = $(id); var category = 0; if (id === '#orderlist2') category = 1; if (id === '#orderlist4') category = 2; if (id === '#orderlist5') category = 3; if (id === '#orderlist6') category = 4; $tableLeft.bootstrapTable('destroy'); //初始化表格,动态从服务器加载数据 $tableLeft.bootstrapTable({ method: "get", //使用get请求到服务器获取数据 url: huayi.config.callcenter_url + "/DataAssessment/GetEvaluation", striped: false, //表格显示条纹 pagination: false, //启动分页 pageSize: 12, //每页显示的记录数 pageNumber: 1, //当前第几页 fixedColumns: false, fixedNumber: 3, pageList: [5, 10, 20, 50, 100], //记录数可选列表 search: false, //是否启用查询 showColumns: false, //显示下拉框勾选要显示的列 showRefresh: false, //显示刷新按钮 sidePagination: "server", //表示服务端请求 //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder //设置为limit可以获取limit, offset, search, sort, order queryParamsType: "undefined", queryParams: function queryParams(params) { //设置查询参数 return { token: $.cookie("token"), type: type, // starttime: value && value.split(' ~ ')[0], // endtime: value && value.split(' ~ ')[1] category, date: $('#rankDate').val(), //'2021-05', } }, onLoadSuccess: function (data) { //加载成功时执行 const newDataL = {}; // const typeData1 = []; // const typeData2 = []; // var max; // for (var i = 0; i < data.length; i++) { // for (var j = i; j < data.length; j++) { // if (data[i].total < data[j].total) { // max = data[j]; // data[j] = data[i]; // data[i] = max; // } // } // } // if (type == 1) { // data.forEach(function (v, n) { // if (v.workordrcount <= 10) { // typeData1.push(v) // } else { // typeData2.push(v) // } // }) // if (group == 0) { // newDataL.rows = typeData2; // } else if (group == 1) { // newDataL.rows = typeData1; // } // // } else { // newDataL.rows = data; // } newDataL.rows = data; newDataL.state = "success"; newDataL.message = "加载成功"; $tableLeft.bootstrapTable('load', newDataL); }, onLoadError: function () { //加载失败时执行 layer.msg("加载数据失败", { time: 1500, icon: 2 }); } }); } //绩效考核表格操作 function getRank(val, row, index) { return index + 1 } //工单数量 function getWorkOrders(val, row) { return '' + val + '' } //不满意数量 function getDissatisfied(val, row) { return '' + val + '' } //超期数量 function getOverdue(val, row) { return '' + val + '' } function getBackWorkOrders(val, row) { return '' + val + '' } function getBacCkWorkOrders(val, row) { return '' + val + '' } //受理工单类型 function getAcceptanceType() { var $tableLeft = $('#acceptancelist'); $tableLeft.bootstrapTable('destroy'); //初始化表格,动态从服务器加载数据 $tableLeft.bootstrapTable({ method: "get", //使用get请求到服务器获取数据 url: huayi.config.callcenter_url + "/InfoNew/GetTypeCount", striped: false, //表格显示条纹 pagination: false, //启动分页 pageSize: 12, //每页显示的记录数 pageNumber: 1, //当前第几页 fixedColumns: false, fixedNumber: 3, pageList: [5, 10, 20, 50, 100], //记录数可选列表 search: false, //是否启用查询 showColumns: false, //显示下拉框勾选要显示的列 showRefresh: false, //显示刷新按钮 sidePagination: "server", //表示服务端请求 //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder //设置为limit可以获取limit, offset, search, sort, order queryParamsType: "undefined", queryParams: function queryParams(params) { //设置查询参数 var param = { token: $.cookie("token"), timetype:1 } return param }, onLoadSuccess: function (data) { //加载成功时执行 const newDataL = {}; let handTotal = 0; newDataL.state = data.state; newDataL.message = data.message; newDataL.rows = data.data; $tableLeft.bootstrapTable('load', newDataL); new doAjax({ url: huayi.config.callcenter_url + "/InfoNew/GetHandling", data: { token: $.cookie("token"), timetype:1 }, callBack: function (res) { let handingData = [{ value: res[0].db, name: '督办' }, { value: res[0].zhib, name: '直办' }, { value: res[0].zub, name: '转办' }, { value: res[0].cb, name: '催办' } ] handTotal = res[0].db + res[0].zhib + res[0].zub + res[0].cb; $('.acceptanceType_wrap .total').text(handTotal); getTimes('.statisticsTime') getHandling(handingData); } }); }, onLoadError: function () { //加载失败时执行 layer.msg("加载数据失败", { time: 1500, icon: 2 }); } }); } function getHandling(data) { let sortPie = echarts.init(document.getElementById('acceptancePie')); option = { legend: [{ icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', data: ['督办', '直办', '转办', '催办'], left: '80%', top: 'center', align: 'left', textStyle: { color: "#fff", fontSize: 18 }, padding: [10, 60], itemGap: 20 }], color: ['#c046ff', '#00a8ff', '#00ffe4', '#f1b31e'], series: [{ name: '访问来源', type: 'pie', radius: '76%', data: data, emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } }, label: { normal: { show: false, formatter: function (params) { return params.name + ':' + params.value // return }, }, emphasis: { position: 'left', show: true, textStyle: { color: '#fff', fontSize: '18', fontWeight: 'bold' }, length: 1 } }, }] }; sortPie.setOption(option); sortPie.on('click', function (params) { if (params.name == '直办') { workTable('', '', '', '', '', '', '', '', 0, 2) } else if (params.name == '督办') { workTable('', '', '', '', '', '', '', '', 0, 1) } else if (params.name == '转办') { workTable('', '', '', '', '', '', '', '', 0, 3) } else { workTable('', '', '', '', '', '', '', '', 0, 4) } }) } function getAcceptanceName(val, row) { if (row.type == '咨询') { return '' + val + '' } else if (row.type == '投诉') { return '' + val + '' } else if (row.type == '建议') { return '' + val + '' } else if (row.type == '其他') { return '' + val + '' } else if (row.type == '求助') { return '' + val + '' } else if (row.type == '表扬') { return '' + val + '' } else if (row.type == '举报') { return '' + val + '' } else if (row.type == '大气污染有奖举报') { return '' + val + '' } } //时段话务 function trafficMonthChart(hours, monthCount, dayCount) { let traffic = echarts.init(document.getElementById('traffic2')); option = { tooltip: { trigger: 'axis', axisPointer: { show: true, type: 'line', lineStyle: { type: 'dashed' } }, textStyle: { color: '#fff', fontSize: 16, fontWeight: '600', }, position: ['75%', '55%'], backgroundColor: 'rgba(250,250,250,0)', formatter: function (params) { let str = '
接通率:' + ((params[1].value / params[0].value) * 100).toFixed(0) + '%
' return str; } }, grid: { top: '18%', bottom: '12%' }, xAxis: [{ type: "category", boundaryGap: false, scale: true, axisLabel: { formatter: '{value}', fontSize: 13, margin: 10, textStyle: { color: "#f4f4f8" } }, axisLine: { show: true, lineStyle: { color: "#525fa6" } }, splitLine: { show: false, lineStyle: { color: "#243753" } }, axisTick: { show: false }, data: hours }], yAxis: [{ boundaryGap: false, type: "value", // scale:true, axisLabel: { textStyle: { color: "#f4f4f8" } }, nameTextStyle: { color: "#fff", fontSize: 12, lineHeight: 40 }, splitLine: { show: true, lineStyle: { color: "#516cb8", type: "dashed" } }, axisLine: { lineStyle: { color: "#8393c8", width: 1, type: "solid" }, show: true, // "symbol":['none', 'arrow'], symbol: ['none', 'path://M5, 20 L5, 5 L8, 8 L5, 2 L2, 8 L5, 5 L5.3, 6 L5.3, 20' ], symbolOffset: 5, symbolSize: [35, 38], }, name: "条" }], series: [{ name: "话务量", type: "line", smooth: true, showSymbol: false, symbol: 'circle', symbolSize: 4, zlevel: 3, itemStyle: { color: '#08fcff' }, lineStyle: { normal: { width: 2, color: "#08fcff", } }, label: { show: true, position: 'top', color: '#fff', fontSize: 14, fontWeight: '600', formatter: function (params) { return params.seriesName + ':' + params.value } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: "#087caa" }, { offset: 0.8, color: "#091576" } ], false ), } }, emphasis: { itemStyle: { color: '#fff', shadowBlur: 10, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: 'rgb(250,250, 250)' } }, data: monthCount }, { name: "接通量", type: "line", smooth: true, showSymbol: false, symbol: 'circle', symbolSize: 4, zlevel: 3, itemStyle: { color: '#ffe000' }, label: { show: true, position: 'top', color: '#fff', fontSize: 14, fontWeight: '600', formatter: function (params) { return params.seriesName + ':' + params.value } }, lineStyle: { normal: { width: 2, color: "#ffe000", } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: "#739952" }, { offset: 0.8, color: "#091576" } ], false ), } }, emphasis: { itemStyle: { color: '#fff', shadowBlur: 10, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: 'rgb(250,250, 250)' } }, data: dayCount }] }; traffic.setOption(option); } function trafficDayChart(dataArr) { let traffic3 = echarts.init(document.getElementById('rexian')); // 头部菱形 const diamondData = dataArr.result.reduce((pre, cur, index) => { pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0)) return pre }, []) // color const color = [ [{ offset: 0, color: "#efff37", }, { offset: 0.5, color: "#efff37", }, { offset: 0.5, color: "#d5e700", }, { offset: 1, color: "#d5e700", }], [{ offset: 0, color: "#f67c20", }, { offset: 0.5, color: "#f67c20", }, { offset: 0.5, color: "#cc681e", }, { offset: 1, color: "#cc681e", }], [{ offset: 0, color: "#32ffee", }, { offset: 0.5, color: "#32ffee", }, { offset: 0.5, color: "#00e8d5", }, { offset: 1, color: "#00e8d5", }], [{ offset: 0, color: "#dc0707", }, { offset: 0.5, color: "#dc0707", }, { offset: 0.5, color: "#af0808", }, { offset: 1, color: "#af0808", }], ] // series let series = dataArr.result.reduce((p, c, i, array) => { p.push({ z: i + 1, stack: '总量', type: 'bar', name: c.name, barGap: '-100%', barWidth: 30, data: c.data, itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } }, }, { z: i + 10, type: 'pictorialBar', symbolPosition: 'end', symbol: 'diamond', symbolOffset: [0, '-50%'], symbolSize: [30, 10], data: diamondData[i], itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } }, tooltip: { show: false }, }) // 是否最后一个了? if (p.length === (array.length) * 2) { p.push({ z: array.length * 2, type: "pictorialBar", symbolPosition: "start", data: dataArr.result[0].data, symbol: "diamond", symbolOffset: ["0%", "50%"], symbolSize: [30, 10], itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[0] } }, tooltip: { show: false }, }) return p } return p }, []) // tooltip const tooltip = { trigger: 'axis', axisPointer: { show: true, type: 'line', lineStyle: { type: 'dashed' } }, textStyle: { color: '#ffe400', fontSize: '14' }, backgroundColor: 'rgba(250,250,250,0)', formatter: function (params) { let str = '
' params.forEach(function (v, n) { if (v.seriesName != '上部1') { str += '
' + v.seriesName + ':' + v.value + '
' } }) return str; } } const legend = { data: dataArr.result.map(item => item.name), textStyle: { fontSize: 14, color: '#fff' }, itemWidth: 25, itemHeight: 15, itemGap: 15, // top: '5%', // 禁止点击 selectedMode: false, } // grid const grid = { left: '3%', right: '4%', bottom: '3%', containLabel: true, tooltip: { textStyle: { color: '#fff' } } } // xAxis const xAxis = { axisTick: { show: true }, axisLine: { show: true, lineStyle: { color: "#525fa6" } }, axisLabel: { textStyle: { fontSize: 16, color: '#fff' }, }, data: dataArr.xdata } // yAxis const yAxis = [{ boundaryGap: false, type: "value", // scale:true, axisLabel: { textStyle: { color: "#f4f4f8" } }, nameTextStyle: { color: "#fff", fontSize: 12, lineHeight: 40 }, splitLine: { show: true, lineStyle: { color: "#516cb8", type: "dashed" } } }] // 渲染 option = { tooltip, xAxis, yAxis, series, grid, legend } traffic3.setOption(option) } function getS(dataArr) { let traffic3 = echarts.init(document.getElementById('heji')); // 头部菱形 const diamondData = dataArr.result.reduce((pre, cur, index) => { pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0)) return pre }, []) // color const color = [ [{ offset: 0, color: "#efff37", }, { offset: 0.5, color: "#efff37", }, { offset: 0.5, color: "#d5e700", }, { offset: 1, color: "#d5e700", }], [{ offset: 0, color: "#f67c20", }, { offset: 0.5, color: "#f67c20", }, { offset: 0.5, color: "#cc681e", }, { offset: 1, color: "#cc681e", }], [{ offset: 0, color: "#32ffee", }, { offset: 0.5, color: "#32ffee", }, { offset: 0.5, color: "#00e8d5", }, { offset: 1, color: "#00e8d5", }], [{ offset: 0, color: "#dc0707", }, { offset: 0.5, color: "#dc0707", }, { offset: 0.5, color: "#af0808", }, { offset: 1, color: "#af0808", }], ] // series let series = dataArr.result.reduce((p, c, i, array) => { p.push({ z: i + 1, stack: '总量', type: 'bar', name: c.name, barGap: '-100%', barWidth: 30, data: c.data, itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } }, }, { z: i + 10, type: 'pictorialBar', symbolPosition: 'end', symbol: 'diamond', symbolOffset: [0, '-50%'], symbolSize: [30, 10], data: diamondData[i], itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } }, tooltip: { show: false }, }) // 是否最后一个了? if (p.length === (array.length) * 2) { p.push({ z: array.length * 2, type: "pictorialBar", symbolPosition: "start", data: dataArr.result[0].data, symbol: "diamond", symbolOffset: ["0%", "50%"], symbolSize: [30, 10], itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[0] } }, tooltip: { show: false }, }) return p } return p }, []) // tooltip const tooltip = { trigger: 'axis', axisPointer: { show: true, type: 'line', lineStyle: { type: 'dashed' } }, textStyle: { color: '#ffe400', fontSize: '14' }, backgroundColor: 'rgba(250,250,250,0)', formatter: function (params) { let str = '
' params.forEach(function (v, n) { if (v.seriesName != '上部1') { str += '
' + v.seriesName + ':' + v.value + '
' } }) return str; } } // grid const grid = { left: '3%', right: '4%', bottom: '3%', containLabel: true, tooltip: { textStyle: { color: '#fff' } } } // xAxis const xAxis = { axisTick: { show: true }, axisLine: { show: true, lineStyle: { color: "#525fa6" } }, axisLabel: { textStyle: { fontSize: 16, color: '#fff' }, }, data: dataArr.xdata } // yAxis const yAxis = [{ boundaryGap: false, type: "value", // scale:true, axisLabel: { textStyle: { color: "#f4f4f8" } }, nameTextStyle: { color: "#fff", fontSize: 12, lineHeight: 40 }, splitLine: { show: true, lineStyle: { color: "#516cb8", type: "dashed" } } }] // 渲染 option = { tooltip, xAxis, yAxis, series, grid } traffic3.setOption(option) } //坐席监控 //实时话务统计 function getRealTimeTraffi(hours, hrCount, hcCount) { let realTimeTraffi = echarts.init(document.getElementById('realTimeTraffi')); option = { grid: { top: '20%', bottom: '20%' }, legend: { data: ['呼入', '呼出'], textStyle: { color: '#fff', fontSize: 14, padding: [0, 5] }, right: 25, top: -5 }, tooltip: { trigger: 'axis', axisPointer: { show: true, type: 'line', lineStyle: { type: 'dashed' } }, textStyle: { color: '#fff', fontSize: 16, fontWeight: '600', }, backgroundColor: 'rgba(250,250,250,0)', formatter: function (params) { let str = '
' params.forEach(function (v, n) { // if(v.seriesName!='上部1'){ str += '
' + v.seriesName + ':' + v.value + '
' // } }) return str; } }, xAxis: [{ type: "category", boundaryGap: false, scale: true, axisLabel: { formatter: '{value}', fontSize: 13, margin: 10, textStyle: { color: "#f4f4f8" } }, axisLine: { show: true, lineStyle: { color: "#849cc9" } }, splitLine: { show: false, lineStyle: { color: "#849cc9" } }, axisTick: { show: false }, data: hours }], yAxis: [{ boundaryGap: false, type: "value", // scale:true, axisLabel: { textStyle: { color: "#f4f4f8" } }, nameTextStyle: { color: "#fff", fontSize: 12, lineHeight: 40 }, splitLine: { show: true, lineStyle: { color: "#849cc9", type: "dashed" } }, axisLine: { lineStyle: { color: "#849cc9", width: 1, type: "solid" }, show: true, // "symbol":['none', 'arrow'], symbol: ['none', 'path://M5, 20 L5, 5 L8, 8 L5, 2 L2, 8 L5, 5 L5.3, 6 L5.3, 20' ], symbolOffset: 5, symbolSize: [35, 38], }, }], series: [{ name: "呼入", type: "line", smooth: true, showSymbol: false, symbol: 'circle', symbolSize: 4, zlevel: 3, itemStyle: { color: '#08fcff' }, lineStyle: { normal: { width: 2, color: "#01cde6", } }, // label: { // show: true, // position: 'top', // color: '#fff', // fontSize: 14, // fontWeight: '600', // formatter: function (params) { // return params.seriesName + ':' + params.value // } // }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: "#0571ae" }, { offset: 0.8, color: "#093085" } ], false ), } }, emphasis: { itemStyle: { color: '#fff', shadowBlur: 10, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: 'rgb(250,250, 250)' } }, data: hrCount }, { name: "呼出", type: "line", smooth: true, showSymbol: false, symbol: 'circle', symbolSize: 4, zlevel: 3, itemStyle: { color: '#ffe000' }, // label: { // show: true, // position: 'top', // color: '#fff', // fontSize: 14, // fontWeight: '600', // formatter: function (params) { // return params.seriesName + ':' + params.value // } // }, lineStyle: { normal: { width: 2, color: "#ffd200", } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: "#626a55" }, { offset: 0.8, color: "#093085" } ], false ), } }, emphasis: { itemStyle: { color: '#fff', shadowBlur: 10, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: 'rgb(250,250, 250)' } }, data: hcCount }] }; realTimeTraffi.setOption(option); } function getThemeStatics() { $('#themeIdHidden').val(''); $('.bulletFrame').show(); $('.theme_wrap').show(); $('.theme_wrap').siblings().hide() // if ($('.bulletFrame').css('display') == 'block') { // $('.body').css('opacity', '0.4') // } // new doAjax({ url: huayi.config.callcenter_url + '/InfoNew/GetThemeClassification1', Type: 'get', data: { token: $.cookie("token"), stime: '', etime: '', timetype: MajoreventsDataType, id:themeDblId, type:dispatTopicType }, callBack: function(res) { if(res.state === "notoken") { window.location.href = "login.html"; } if (res.data && res.data.length > 0) { $('#themeIdHidden').val(res.data[0].Themeid) } var piData =[]; res.data.forEach(function (v, n) { piData.push({ value: v.count, name: v.F_Name, dataId: v.F_ID, themeId: v.Themeid, }) }) var nameArray = piData.map(item => { return item.name }) theme_chart('themeByClass', nameArray, piData); // hotThingsChart('hotThings', nameData, conNum, maxNum, -30) } }); new doAjax({ url: huayi.config.callcenter_url + "/InfoNew/GetThemeDept1", Type: 'get', data: { token: $.cookie("token"), stime: '', etime: '', timetype: MajoreventsDataType, id:themeDblId, type:dispatTopicType }, callBack: function(res) { if(res.state === "notoken") { window.location.href = "login.html"; } var piData =[]; res.data.forEach(function (v, n) { piData.push({ value: v.count, name: v.deptName || '其他', themeId: v.Themeid, dataId: v.F_MainDeptId || 0, }) }) var nameArray = piData.map(item => { return item.name }) theme_chart('themeByDept', nameArray, piData); // hotThingsChart('hotThings', nameData, conNum, maxNum, -30) } }); } function theme_chart(dom, nameArray, piData) { let keywordPieChart = echarts.init(document.getElementById(dom)); let keywordNum = []; let keywordName = []; var rich = { percent: { color: "#FFF", align: 'right', fontSize: 15, fontWeight: '500', //padding: [0, 5] } } var allCount = 0; nameArray.forEach(function (v, n) { keywordNum.push({ num: Number(v.substr(v.length - 2, 2)), value: v }) }) piData.forEach(function (v, n) { allCount += parseInt(v.value); }) let max; for (let i = 0; i < keywordNum.length; i++) { for (let j = i; j < keywordNum.length; j++) { if (keywordNum[i].num < keywordNum[j].num) { max = keywordNum[j]; keywordNum[j] = keywordNum[i]; keywordNum[i] = max; } } } keywordNum.forEach(function (v, n) { keywordName.push(v.value.replace(reg, '')); }) keywordName.forEach(function (v, n) { if (v.length > 20) { keylegend = [{ icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '610', // data: keywordName.slice(0, 6), data: keywordName.slice(0, 1), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [5, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '620', // data: keywordName.slice(6, 12), data: keywordName.slice(1, 2), width: 28, height: 25, itemGap: 20, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [10, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(2, 3), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [20, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(3, 4), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [40, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(4, 5), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [60, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(5, 6), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [80, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(6, keywordName.length), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [100, 10] }] } else { keylegend = [{ icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', // top: '610', // data: keywordName.slice(0, 6), data: keywordName.slice(0, 5), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [15, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', // top: '620', // data: keywordName.slice(6, 12), data: keywordName.slice(5, 10), width: 28, height: 25, itemGap: 20, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [40, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', // top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(10, 15), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [65, 10] }, { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', // top: '630', // data: keywordName.slice(12, keywordName.length), data: keywordName.slice(15, keywordName.length), width: 28, height: 25, textStyle: { color: '#fff', padding: [0, 5], fontSize: 15 }, padding: [90, 10] } ] } }) keywordName.reverse(); // 调度专题饼状图数据设置 option = { // legend: keylegend, color: ['#008aff', '#88ffb7', '#00bba7', '#fddb6a', '#fb6a76', '#ff0000', '#e5a0ff', '#9b56ff', '#8200f0', '#68f6ff', '#FF8352', '#E271DE', '#F8456B', '#3751E6', '#FFC722', '#00BFA5', "#EAEA26" ], series: [{ name: '访问来源', type: 'pie', radius: '58%', // center: ['50%', '43%'], data: piData, emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } }, // 修改字体颜色的代码begin itemStyle: { normal: { label: { textStyle: { color:'#fff', fontSize: 14, fontWeight:'bolder' } }, labelLine : { lineStyle:{ color:'#fff' } } } }, // 修改字体颜色的代码end label: { normal: { show: true, align: 'right', formatter: function (params) { // var params.name = params.name var textNumber = 7 if(params.name.length <= textNumber) { params.name; } else if(params.name.length > textNumber && params.name.length <=(textNumber*2)) { params.name = `${params.name.slice(0,textNumber)}\n${params.name.slice((textNumber*1))}` } else if(params.name.length > (textNumber*2)&& params.name.length <=(textNumber*3) ){ params.name = `${params.name.slice(0,(textNumber*1))}\n${params.name.slice((textNumber*1),(textNumber*2))}\n${params.name.slice((textNumber*2))}` } var reslutValue = (allCount > 0 ? (params.value.toString() + '(' + (params.value/allCount *100).toFixed(2) + '%)') : params.value.toString()) //+'\n' return params.name+ ':' +reslutValue } }, emphasis: { // position: 'left', show: true, textStyle: { color: '#fff', fontSize: '14', fontWeight: 'bold' }, labelLine: { show: true }, length: 1 } } }] }; keywordPieChart.setOption(option); keywordPieChart.on('click', function (params) { if (dom === 'themeByClass') { workTable('','','','','' ,'','',null,null,null,null,null, null, null, null, null, null, null, params.data.dataId, 1) } else if (dom === 'themeByDept') { // workTable(KeyId,deptid,sourceId,PhoneType,keyword ,type,sourceArea,key,timetype,handling,source,dptype, date, Township, strworkid, stime, etime, isspecial, special, time = 0, monthlytheme) workTable('',params.data.dataId,'','','' ,'',null,null,null,null,null,null, null, null, null, null, null, null, null, 1, params.data.themeId) } }); } function getAllThemeOrders() { var id = $('#themeIdHidden').val(); if (id != '') { workTable('','','','','' ,'',null,null,null,null,null,null, null, null, null, null, null, null, null, 1) } }