echarts
echarts copied to clipboard
3D Earth uses scatter to create labels, the labels are always occluded by unknown circular objects
Version
all
Link to Minimal Reproduction
No response
Steps to Reproduce
var option = { globe: { baseTexture: "/finance-admin/upload/material/20220627/1D4D23A96F164610A576F522537E1C31.png",
top: "middle",
left: "center",
environment: "none",
shading: 'realistic',
realisticMaterial: {
roughness: 0.2,
metalness: 0
},
viewControl: {
distance: 140,
autoRotate: true,
autoRotateDirection:ROTATE_DIRECTION
},
displacementScale: 0.04,
},
series: [{
type: "lines3D",
effect: {
show: true,
period: 3, //速度
trailLength: 0.1, //尾部阴影
},
lineStyle: {
//航线的视图效果
color: LINE_COLOR,
width: 1,
opacity: 0.6,
},
data: lineData, // 特效的起始、终点位置,一个二维数组,相当于coords: convertData(item[1])
}, {
type: 'scatter3D',
coordinateSystem: 'globe',
data: scatterData,
label: {
textStyle: {
color: LABEL_TEXT_COLOR,
backgroundColor: LABEL_BACK_COLOR,
fontSize: LABEL_TEXT_SIZE,
padding: 8
},
show: true,
formatter: function(paramObject){
var ret = [];
ret.push(paramObject.data.name + "\n")
paramObject.data.datas.forEach(function(d){
ret.push( "\n" + d)
})
return ret.join("");
},
},
itemStyle: {
normal: {
color: POINT_COLOR,
},
},
}],
};
Current Behavior

Expected Behavior
不应该被不明圆形遮挡
Environment
- OS:window10
- Browser:chrome
- Framework: none
Any additional comments?
no
@Jkarel It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
[Bug] 3D Earth uses scatter to create labels, the labels are always occluded by unknown circular objects
same bug