apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.66k stars 19.61k forks source link

[Bug] chrome@109,echart@5.5和echarts-gl@2.0.9散点图坐标系消失 #19964

Open 544447 opened 6 months ago

544447 commented 6 months ago

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,echarts@5.5和echarts-gl@2.0.9散点图坐标系消失

Current Behavior

页面渲染没有坐标系展示

Expected Behavior

让坐标系出现

Environment

- OS:win7
- Browser:chrome@109
- Framework:vue@2.5.14

Any additional comments?

echarts-bot[bot] commented 6 months ago

@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, echart@5.5 and echarts-gl@2.0.9 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, echarts@5.5 and echarts-gl@2.0.9 scatter plot coordinate systems disappear. ### Current Behavior Page rendering has no coordinate system display ### Expected Behavior Let the coordinate system appear ### Environment ```markdown -OS:win7 - Browser:chrome@109 - Framework:vue@2.5.14 ``` ### Any additional comments? none
544447 commented 6 months ago

这是来自QQ邮箱的假期自动回复邮件。   您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。

echarts-bot[bot] commented 6 months ago

@544447 Please provide a demo for the issue either with Official Editor, CodePen, CodeSandbox or JSFiddle.

544447 commented 6 months ago

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

helgasoft commented 6 months ago

your code is missing data, cannot reproduce. When data added, it works - Demo.

544447 commented 6 months ago

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

helgasoft commented 6 months ago

your data is visible on Win 10, Chrome v.124. Maybe Win 7 + Chrome v.109 is getting a little old.

544447 commented 6 months ago

In the Chrome browser under the Win7 system, the coordinate system disappears, and I cannot locate the cause.

helgasoft commented 6 months ago

could be this: color: '#fff' on white background is invisible

544447 commented 6 months ago

i found it,“projection: 'orthographic'“ is ok