You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.1 KiB
81 lines
2.1 KiB
|
|
/**
|
|
* 查询各地的投诉量
|
|
*/
|
|
function queryAllPlaceNum(areacode){
|
|
$.ajax({
|
|
type : 'POST',
|
|
url : _CTX + '/tsfxdatanum/queryAllPlaceNum.do?areacode='+areacode,
|
|
dataType : 'json',
|
|
success : function(json) {
|
|
var data = json.dataList;
|
|
if (data.length>0) {
|
|
var place_complaint = [];
|
|
for (var i = 0; i < data.length; i++) {
|
|
place_complaint.push({name : data[i].dname, value : data[i].tsnum});
|
|
}
|
|
showComplaintMap(json.areacode, place_complaint);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
//显示各地的投诉量--地图
|
|
function showComplaintMap(areacode, mapData){
|
|
var place_complaint_map = document.getElementById("place_complaint_map");
|
|
var myMapECharts = echarts.init(place_complaint_map);
|
|
|
|
myMapECharts.showLoading(); //数据没加载前加个loading状态
|
|
$.get(_CTX + '/hbcyjc/resource/js/echarts/mapData/china-main-city/'+areacode+'.json', function(geoJson) {
|
|
myMapECharts.hideLoading(); //关闭loading
|
|
echarts.registerMap(areacode, geoJson);
|
|
|
|
var myOption = {
|
|
backgroundColor : '#092757',
|
|
tooltip : {
|
|
trigger : 'item',
|
|
formatter : function(params) {
|
|
return params.name + '<br>数量 ' + params.value;
|
|
}
|
|
},
|
|
series : [ {
|
|
type : 'map',
|
|
mapType : areacode,
|
|
selectedMode : 'single', //单选地图
|
|
roam : true, //禁止缩放
|
|
itemStyle : {
|
|
normal : {
|
|
label : {
|
|
show : true,
|
|
formatter : function(params) {
|
|
return params.name + params.data['value'];
|
|
},
|
|
textStyle : {
|
|
color : '#f4e925'
|
|
}
|
|
},
|
|
borderColor : '#3fdaff', //边界线颜色
|
|
borderWidth : 2, //边界线大小
|
|
shadowColor : 'rgba(63,218,255,0.5)',
|
|
shadowBlur : 30,
|
|
areaColor : '#22527e' //地区背景颜色
|
|
},
|
|
emphasis : { //选中或者悬浮状态
|
|
label : {
|
|
show : true,
|
|
textStyle : {
|
|
color : '#fff' //选中或者悬浮字体颜色
|
|
}
|
|
},
|
|
areaColor : '#2b91b7' //选中或者悬浮区域颜色
|
|
}
|
|
},
|
|
animation : false,
|
|
data : mapData,
|
|
} ]
|
|
}
|
|
if (myOption && typeof myOption === "object") {
|
|
myMapECharts.setOption(myOption, true);
|
|
}
|
|
});
|
|
} |