<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<!--<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>-->
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
<!--<script src="../echarts.min.js"></script>-->
<!--<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>-->
<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");
console.log(echarts)
var myChart = echarts.init(dom);
var app = {};
option = null;
myChart.showLoading();
myChart.hideLoading();
pieData = [{"name":"aaa","value":"14"},{"name":"bbb","value":"14"}];
myChart.setOption({
tooltip: {
show: true
},
legend: {
orient: 'horizontal',
bottom: 30,
formatter: function(name){
var subName = name
return '{a|' + subName +'}'
return name
},
textStyle:{
rich: {
a:{
width:130,
height:10,
fontSize: 14
}
}
}
},
series: [{
name: '高发问题',
center: ['50%','40%'],
type: 'pie',
data: pieData,
label: {
show: false
},
tooltip: {
formatter: '{b}<br/>上报率: {d}%',
textStyle: {
fontSize: 14
}
}
}]
});
//console.log(getQueryVariable("token"))
$.ajax({
type:"GET",
url: "http://124.42.118.61:8093/departmentAssess/highCaseEventList",
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
var pieData = []
var legendData = []
data.forEach(function(item, index) {
if(item.caseMajorType){
const obj = {}
obj.name = item.caseMajorType
obj.value = item.caseNum
pieData.push(obj)
}
})
console.log(pieData)
myChart.hideLoading()
myChart.setOption({
tooltip: {
show: true
},
legend: {
orient: 'horizontal',
bottom: 30,
formatter: function(name){
// var subName = name.split('/')[1]
var subName = name
return '{a|' + subName +'}'
return name
},
textStyle:{
rich: {
a:{
width:130,
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>
