[Bug] chrome@109,[email protected]和[email protected]散点图坐标系消失
Version
5.5.0
Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=globe-layers&gl=1&version=5.4.2
Steps to Reproduce
在win7系统下chrome@109,[email protected]和[email protected]散点图坐标系消失
Current Behavior
页面渲染没有坐标系展示
Expected Behavior
让坐标系出现
Environment
- OS:win7
- Browser:chrome@109
- Framework:[email protected]
Any additional comments?
无
@544447 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] chrome@109, [email protected] and [email protected] scatter plot coordinate system disappears
BODY
Version
5.5.0
Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=globe-layers&gl=1&version=5.4.2
Steps to Reproduce
In win7 system, chrome@109, [email protected] and [email protected] scatter plot coordinate systems disappear.
Current Behavior
Page rendering has no coordinate system display
Expected Behavior
Let the coordinate system appear
Environment
-OS:win7
- Browser:chrome@109
- Framework:[email protected]
Any additional comments?
none
这是来自QQ邮箱的假期自动回复邮件。 您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。
@544447 Please provide a demo for the issue either with Official Editor, CodePen, CodeSandbox or JSFiddle.
let scatter = [] let scatters = [] for (let i = 0; i < data.length; i++) { if (i < 5) { scatter.push(data[i]) } else { scatters.push(data[i]) } }
let option = {
visualMap: {
show: false,
min: 0,
max: 2600,
inRange: {
color: [
'#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8',
'#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'
]
}
},
tooltip: {
backgroundColor: 'rgba(0, 0, 0, 0.4)',
borderColor: 'rgba(0, 0, 0, 0.4)',
textStyle: { color: '#fff' },
formatter: (params) => {
return 仿真结果<br/>出口平均温度:${params.value[4]}℃
}
},
xAxis3D: {
name: '温度(℃)',
type: 'value'
},
yAxis3D: {
name: '压力(Mpa)',
type: 'value'
},
zAxis3D: {
name: '流量(kg/s)',
type: 'value'
},
grid3D: {
axisLine: {
lineStyle: { color: '#fff' }
},
axisPointer: {
lineStyle: { color: '#fff' }
},
viewControl: {
// autoRotate: true
},
light: {
main: {
shadow: true,
quality: 'ultra',
intensity: 1.5
}
}
},
series: [
{
name: '仿真结果',
type: 'scatter3D',
data: scatter,
shading: 'lambert',
symbolSize: 10
},
{
name: '仿真结果',
type: 'scatter3D',
data: scatters,
shading: 'lambert',
itemStyle: {
borderWidth: 1,
borderColor: '#fff',
},
symbolSize: 20
},
]
},this is my code
your code is missing data, cannot reproduce. When data added, it works - Demo.
data: [ [300,0.5,20,1000,2121.9], [300,0.8,22,1000,2013.37], [350,0.9,25,1000,1909.08], [350,1,25,1000,1909.17], [400,1,28,1000,1831.81] ],this is data
your data is visible on Win 10, Chrome v.124. Maybe Win 7 + Chrome v.109 is getting a little old.
In the Chrome browser under the Win7 system, the coordinate system disappears, and I cannot locate the cause.
could be this: color: '#fff' on white background is invisible
i found it,“projection: 'orthographic'“ is ok