海南地图插件,海南小地图(echart)"/>
html海南地图插件,海南小地图(echart)
varcertNumChart;$(document).ready(function() {certNumChart= echarts.init(document.getElementById(‘certNumChart‘));
certNumChart.showLoading();
initShowView();//设置点击事件
certNumChart.on(‘click‘, function(params) {var city =params.name;var code =params.data.code;var url =G3.webPath+ "jsp/marketcheck/map_detail.jsp?code="+code;
G3.showModalDialog("执法人员区域匹配", url, {
width :1000,
height :560},function(e, ret) {if (ret == "1") {
grid.reload();
}
});
});
});vargeoCoordMap;var planePath = ‘arrow‘;var provinceMap =proCantName;var certNumOption ={
tooltip : {
trigger:‘item‘,
formatter:‘{b}:
{c}‘},
legend: {
orient:‘horizontal‘,
x:‘top‘,
data:["随机数据"]
},
grid:{
top:0,
bottom:0},
geo : {
map : provinceMap,
top :‘10%‘,
roam :false,
zoom:1.2,
silent :true,
itemStyle : {
normal : {
areaColor :‘#1673c5‘,
borderColor :‘#36a0fd‘},
emphasis : {
areaColor :‘#2a333d‘}
}
},
dataRange: {
show:true,
min:0,
max:10,
x:"right",
color:[‘#0080FF‘,‘#D2E9FF‘],
text:[‘高‘,‘低‘], //文本,默认为数值文本
calculable : true},
series : [
{
name:‘检查数据量‘,
type:‘map‘,
mapType: proCantName,
zoom:1.2,
selectedMode :‘single‘,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[]
}
]
};functioninitShowView() {
$.ajax({
async :true,
url : G3.webPath+ "command/dispatcher/com.inspur.dtdcommon.casemanage.cmd.DtdChecManDispatcherCmd/queryList",
type :"POST",
data : {
checkYearDate : checkYearDate,
checkEndYearDate : checkEndYearDate
},
success :function(data) {
certNumOption.legend.data=data.catalog;
certNumOption.series[0].data =data.data;
certNumChart.hideLoading();
$.get(G3.webPath+ ‘skins/echars/dataGeo/geometryProvince/‘+proCantCode+‘.json‘, function(geoJson) {
echarts.registerMap(proCantName, geoJson);
certNumChart.setOption(certNumOption);
});
}
});
}functioniconRefresh() {
$(document).on("click",".icon-refresh",function() {var $container = $(this).parents(".chart-container").find(".chartContainer");if ($container.css("display") == "none") {
$container.css("display", "block");
$container.prev().css("display", "none");
}
});
}
更多推荐
html海南地图插件,海南小地图(echart)
发布评论