html:
+++++++++++++++++++++++++
js:
var mapType = ['china', '广东', '青海', '四川', '海南', '陕西', '甘肃', '云南', '湖南', '湖北', '黑龙江', '贵州', '山东', '江西', '河南', '河北', '山西', '安徽', '福建', '浙江', '江苏', '吉林', '辽宁', '台湾', '新疆', '广西', '宁夏', '内蒙古', '西藏', '北京', '天津', '上海', '重庆', '香港', '澳门'];
var mapTypeD = 'china';
var chartData = new Array();
//var xx;//地图值域
$(function(){
require.config({
paths: {
echarts: 'html/data/js/dist'
}
});
require(['echarts', 'echarts/chart/map', ], query);
});
var lock = false;
function FunDraw0() {
var data = mapData;
myChart = echarts.init(document.getElementById('china_map'));
var series = [],d=[];
var min = 0,max = 0;
for (var i = 0; i < data.length; i++) {
var o = data[i];
if(o.datavalue min = o.datavalue; } if(o.datavalue>max){ max = o.datavalue; } var f = Math.round(o.datavalue*100)/100; var s = f.toString(); var rs = s.indexOf('.'); if (rs < 0) { rs = s.length; s += '.'; } while (s.length <= rs + 2) { s += '0'; } o.datavalue = s; d.push({ name: o.areaName.replace("市","").replace("省","").replace("自治区","").replace("壮族","").replace("回族","").replace("维吾尔",""), value: o.datavalue }); } series.push({ name: "", selectedMode: 'single', type: 'map', mapType: 'china', roam: false, itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data: d }); myChart.on('mapSelected',function(param) { if(lock){ return; } if(param.target=="南海诸岛" || param.target=="台湾" || param.target=="香港" || param.target=="澳门"){ return; } prevBuy(function() { lock = true; $.ajax({ type: "post", url: "data/newmap/addSys.do", dataType: "json", success: function(data) { if(data){ window.location = $("#path").val()+"data/newmap/getQueryInfo.do?areaName="+encodeURI(param.target)+"&queryId="+data; }else{ lock = false; } } }); }); }); option = { title: { text: '', subtext: '' }, tooltip : { trigger: 'item' ,formatter: function (data,ticket,callback) { return data.data.value!=null && data.data.value!=undefined && data.data.value!="-"?data.data.value.toFixed(2):"暂无数据"; } }, dataRange: { show: false, min: min, max: max*2*series.length, text: ['高', '低'], calculable: true, x: '40px', y: '450px' }, toolbox: { show: false, orient: 'vertical', x: 'right', y: 'center', feature: { mark: { show: true }, dataView: { show: true, readOnly: false }, restore: { show: true }, saveAsImage: { show: true } } }, roamController: { show: false, x: 'right', mapTypeControl: { 'china': true } }, series: series }; myChart.setOption(option); }