echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] chrome@109,[email protected][email protected]散点图坐标系消失

Open 544447 opened this issue 1 year ago • 10 comments

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 avatar May 21 '24 11:05 544447

@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

echarts-bot[bot] avatar May 21 '24 11:05 echarts-bot[bot]

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

544447 avatar May 21 '24 11:05 544447

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

echarts-bot[bot] avatar May 21 '24 13:05 echarts-bot[bot]

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

544447 avatar May 22 '24 03:05 544447

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

helgasoft avatar May 22 '24 04:05 helgasoft

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

544447 avatar May 22 '24 05:05 544447

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

helgasoft avatar May 22 '24 05:05 helgasoft

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

544447 avatar May 22 '24 05:05 544447

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

helgasoft avatar May 22 '24 05:05 helgasoft

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

544447 avatar May 22 '24 06:05 544447