在地图上需要做一个点击事件,通过ajax方式查询数据,并展示弹框,但是实际开发时不能执行这段代码,求大神
配置项如下
option = {
legend: {},
dataRange: {
x: '120',
y: '330',
splitList: [{
start: 0,
end: 0,
label: '正常工单',
color: '#00FF00'
}, {
start: 1,
end: 1,
label: '8-24小时预警',
color: '#0000FF'
}, {
start: 2,
end: 2,
label: '24-48小时预警',
color: '#FFFF00'
}, {
start: 3,
end: 3,
label: '48-72小时预警',
color: '#FF7F00'
}, {
start: 4,
end: 4,
label: '超过72小时预警',
color: '#FF0000'
}, ],
},
roamController: {
show: true,
x: 'right',
mapTypeControl: {
'china': true
}
},
// 网格
grid: {
x: 80,
y: 60,
x2: 80,
y2: 60,
// width: {totalWidth} - x - x2,
// height: {totalHeight} - y - y2,
backgroundColor: 'rgba(0,0,0,0)',
borderWidth: 1,
borderColor: '#ccc'
},
series: [{
name: "超时工单数量",
type: 'map',
mapType: 'china',
roam: false,
label: {
normal: {
show: true
},
emphasis: {
show: true
}
},
data: [{
name: '北京',
value: 0
}, {
name: '天津',
value: 0
}, {
name: '上海',
value: 0
}, {
name: '重庆',
value: 0
}, {
name: '河北',
value: 0
}, {
name: '河南',
value: 0
}, {
name: '云南',
value: 1,
}, {
name: '辽宁',
value: 1,
}, {
name: '黑龙江',
value: 1,
}, {
name: '湖南',
value: 1,
}, {
name: '安徽',
value: 1,
}, {
name: '山东',
value: 2
}, {
name: '新疆',
value: 2
}, {
name: '江苏',
value: 2
}, {
name: '浙江',
value: 2
}, {
name: '江西',
value: 2
}, {
name: '湖北',
value: 2
}, {
name: '广西',
value: 2
}, {
name: '甘肃',
value: 3
}, {
name: '山西',
value: 3
}, {
name: '内蒙古',
value: 3
}, {
name: '陕西',
value: 3
}, {
name: '吉林',
value: 3
}, {
name: '福建',
value: 3
}, {
name: '贵州',
value: 3
}, {
name: '广东',
value: 2
}, {
name: '青海',
value: 2
}, {
name: '西藏',
value: 1
}, {
name: '四川',
value: 0
}, {
name: '宁夏',
value: 4
}, {
name: '海南',
value: 3
}, {
name: '台湾',
value: 2
}, {
name: '香港',
value: 1
}, {
name: '澳门',
value: 0
}]
}]
};
myChart.on('click', function(params) {
$.ajax({
type: "post",
url: "www.baidu.com",
data: {
name: params.name
},
dataType: "json",
success: function(data) {
alert("success");
}
});
});