在坐标0,0点有一个气泡, 将鼠标移至0,0位置处(必须精确定位至此处),向上不断滚动鼠标滚轮(鼠标位置暂时保持不动一会儿)的同时,滚动几下后,鼠标位置同时向坐标内稍微移动几像素,标题描述的问题就会出现 ,然后再将鼠标移到图的坐标内的其它位置滚动滚轮,不管放大还是缩小,坐标0,0处的气泡始终不消失。
配置项如下
var data = [
[0,0,1997096869,'Australia',1990],[31163,77.4,27662440,'Canada',1990],[1516,68,1154605773,'China',1990],[13670,74.7,10582082,'Cuba',1990],[28599,75,4986705,'Finland',1990],[29476,77.1,56943299,'France',1990],[31476,75.4,78958237,'Germany',1990],[28666,78.1,254830,'Iceland',1990],[1777,57.7,870601776,'India',1990],[29550,79.1,122249285,'Japan',1990],[2076,67.9,20194354,'North Korea',1990],[12087,72,42972254,'South Korea',1990],[24021,75.4,3397534,'New Zealand',1990],[43296,76.8,4240375,'Norway',1990],[10088,70.8,38195258,'Poland',1990],[19349,69.6,147568552,'Russia',1990],[10670,67.3,53994605,'Turkey',1990],[26424,75.7,57110117,'United Kingdom',1990],[37062,75.4,252847810,'United States',1990]
];
option = {
dataZoom: [{
type: 'inside'
}],
xAxis: {
splitLine: {
lineStyle: {
type: 'dashed'
}
},
scale: true
},
yAxis: {
splitLine: {
lineStyle: {
type: 'dashed'
}
},
scale: true
},
series: [{
name: '1990',
data: data,
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
}]
};