[Bug] 气泡图点位重叠鼠标悬浮看不到底层提示 #21485
Description
Version
5.2.2
Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=scatter-aqi-color
Steps to Reproduce
const dataBJ = [
[1, 55, 9, 56, 0.46, 18, 6, '良'],
[1, 55, 19, 26, 0.46, 18, 6, '良'],
[2, 25, 11, 21, 0.65, 34, 9, '优'],
];
const dataGZ = [
[1, 55, 9, 56, 0.46, 18, 6, '良'],
[1, 55, 9, 56, 0.46, 18, 6, '良'],
[30, 106, 116, 188, 3.628, 101, 16, '轻度污染'],
[31, 118, 50, 0, 1.383, 76, 11, '轻度污染']
];
const dataSH = [
[21, 91, 45, 125, 0.82, 34, 23, '良'],
[1, 91, 45, 125, 0.82, 34, 23, '良'],
[31, 187, 143, 201, 1.39, 89, 53, '中度污染']
];
const schema = [
{ name: 'date', index: 0, text: '日' },
{ name: 'AQIindex', index: 1, text: 'AQI指数' },
{ name: 'PM25', index: 2, text: 'PM2.5' },
{ name: 'PM10', index: 3, text: 'PM10' },
{ name: 'CO', index: 4, text: '一氧化碳（CO）' },
{ name: 'NO2', index: 5, text: '二氧化氮（NO2）' },
{ name: 'SO2', index: 6, text: '二氧化硫（SO2）' }
];
const itemStyle = {
opacity: 0.8,
shadowBlur: 10,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowColor: 'rgba(0,0,0,0.3)'
};
option = {
color: ['#dd4444', '#fec42c', '#80F1BE'],
legend: {
top: 10,
data: ['北京', '上海', '广州'],
textStyle: {
fontSize: 16
}
},
grid: {
left: '10%',
right: 150,
top: '18%',
bottom: '10%'
},
tooltip: {
backgroundColor: 'rgba(255,255,255,0.7)',
formatter: function (param) {
var value = param.value;
// prettier-ignore
return '
+ param.seriesName + ' ' + value[0] + '日：'
+ value[7]
+ '
+ schema[1].text + '：' + value[1] + '
'
+ schema[2].text + '：' + value[2] + '
'
+ schema[3].text + '：' + value[3] + '
'
+ schema[4].text + '：' + value[4] + '
'
+ schema[5].text + '：' + value[5] + '
'
+ schema[6].text + '：' + value[6] + '
';
}
},
xAxis: {
type: 'value',
name: '日期',
nameGap: 16,
nameTextStyle: {
fontSize: 16
},
max: 31,
splitLine: {
show: false
}
},
yAxis: {
type: 'value',
name: 'AQI指数',
nameLocation: 'end',
nameGap: 20,
nameTextStyle: {
fontSize: 16
},
splitLine: {
show: false
}
},
visualMap: [
{
left: 'right',
top: '10%',
dimension: 2,
min: 0,
max: 250,
itemWidth: 30,
itemHeight: 120,
calculable: true,
precision: 0.1,
text: ['圆形大小：PM2.5'],
textGap: 30,
inRange: {
symbolSize: [10, 70]
},
outOfRange: {
symbolSize: [10, 70],
color: ['rgba(255,255,255,0.4)']
},
controller: {
inRange: {
color: ['#c23531']
},
outOfRange: {
color: ['#999']
}
}
},
{
left: 'right',
bottom: '5%',
dimension: 6,
min: 0,
max: 50,
itemHeight: 120,
text: ['明暗：二氧化硫'],
textGap: 30,
inRange: {
colorLightness: [0.9, 0.5]
},
outOfRange: {
color: ['rgba(255,255,255,0.4)']
},
controller: {
inRange: {
color: ['#c23531']
},
outOfRange: {
color: ['#999']
}
}
}
],
series: [
{
name: '北京',
type: 'scatter',
itemStyle: itemStyle,
data: dataBJ
},
{
name: '上海',
type: 'scatter',
itemStyle: itemStyle,
data: dataSH
},
{
name: '广州',
type: 'scatter',
itemStyle: itemStyle,
data: dataGZ
}
]
};
Current Behavior
现在是我在echarts 官网示例修改的数据示例 当气泡数据相同时 气泡重叠 鼠标悬浮提示不全
Expected Behavior
我们的就是数据一样公司类型一样但是公司不一样 所以气泡颜色相同 鼠标悬浮看不到全部的提示，就像示例 一样相同数据的气泡重叠 看不到全部提示
Environment
- OS:
- Browser:
- Framework:Any additional comments?
No response