<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.js"></script>
</head>
<body style="height: 600px; margin: 0">
<div id="container" style="height: 600px"></div>
<script type="text/javascript">
// 参数解析
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){
return pair[1];
}
}
return(null);
}
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
myChart.showLoading();
console.log(getQueryVariable("token"))
$.ajax({
type:"GET",
url: "http://124.42.118.61:8093/departmentAssess/sourceList",
headers:{
'token':getQueryVariable("token")
},
data: {
begTime: getQueryVariable("begTime"),
endTime: getQueryVariable("endTime")
},
dataType: "json",
success: function(res){
console.log(res)
if( res.code === 200 && res.data.length > 1){
var data = res.data.slice(0,res.data.length-1)
var pieData = []
data.forEach(function(item, index) {
if(parseInt(item.caseNum) > 0 ){
const obj = {}
obj.name = item.caseSource
obj.value = item.caseNum
pieData.push(obj)
}
})
myChart.hideLoading()
myChart.setOption({
tooltip: {
show: true
},
legend: {
orient: 'horizontal',
bottom: 100,
// data: pieData.map(item => item.name),
formatter: [
'{a|{name}}'
].join('\n'),
textStyle:{
rich: {
a:{
width:150,
height:10,
fontSize: 14
}
}
}
},
series: [{
name: '来源统计',
center: ['50%','40%'],
type: 'pie',
data: pieData,
label: {
show: false
},
tooltip: {
formatter: '{b}<br/>上报率: {d}%',
textStyle: {
fontSize: 14
}
}
}]
})
}else{
myChart.hideLoading()
alert("查询结果为空！")
}
}
})
</script>
</body>
</html>
