apache / apache/echarts

[Bug] macOS (仅 arm 架构芯片存在?) +Chrome浏览器特定版本 map3D 地图不停闪烁 ——macOS v14.3.1\Chrome 版本 131.0.6778.86(正式版本) (arm64)

Open
#20,545 3 comments 0 reactions 0 assignees View on GitHub
bug pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.5.1

### Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/index.html#chart-type-map3D

### Steps to Reproduce

1,
```vue


```
2,
```js
import echarts from '@/libs/echarts-pack';
import cityExport from '@/assets/mapJson/cityExport.js';
import { getDefaultView } from '@/pages/big-screen-part/screen-map/datasource/map';

echarts.registerMap('china', cityExport.china);

const getGeo3D = () => {
return {
map: 'china',
roam: true,
itemStyle: {
color: ' #022796', // 地图配色
opacity: 1, // 图形的不透明度
borderWidth: 0.8,
borderColor: 'rgb(62,215,213)'
},
viewControl: getDefaultView(),
emphasis: {
label: {
show: true, // 是否显示标签
color: '#fff', // 标签文字颜色
fontSize: 20, // 标签文字大小
distance: 0
},
itemStyle: {
color: 'rgba(2, 39, 150, 0.3)' // 聚焦时的颜色
}
},
light: {
//光照阴影
main: {
color: ' #fff', //光照颜色
intensity: 1.2, //光照强度
shadowQuality: 'high', //阴影亮度
shadow: true, //是否显示阴影
alpha: 55, //光照角度
beta: 10 //光源方向
},
ambient: {
intensity: 0.5 //环境光的强度
} //全局的环境光设置
}
};
};

export const option = {
tooltip: {
show: true
},
renderer: 'webgl',
webGLMaxMergingVertices: 8000, // 增加 WebGL 缓冲区大小的示例值, 优化性能问题

geo3D: getGeo3D(),
series: []
};
```

3,
拖拽 或者 hover 时,会发现地图在不停的闪烁,重新渲染

### Current Behavior

macOS v14.3.1 + Chrome 版本 131.0.6778.86(正式版本) (arm64)Echarts map 3D 地图不停地闪烁

### Expected Behavior

Echarts map 3d 地图可正常工作,不闪烁

### Environment

```markdown
- OS: macOS v14.3.1
- Browser: Chrome 版本 131.0.6778.86(正式版本) (arm64)
- Framework: "vue": "3.3.4"
```

### Any additional comments?

现象如附件macOS v14.3.1 + Chrome 版本 131.0.6778.86(正式版本)(arm64).mp4所示:

https://github.com/user-attachments/assets/3ace448d-f992-4c83-af89-87b6bfc911bd

操作系统版本如下:
![5c0e79560e8be1e6bdaebfe98975dbb](https://github.com/user-attachments/assets/4b56dee7-d089-4dbd-8a13-27856d55725c)

浏览器版本如下:
![8d0064c5484abb8511aef304c41590d](https://github.com/user-attachments/assets/b636b86d-eb41-44ca-a069-23c8e4c3151e)

Safari 浏览器没有此问题
如附件 macOS v14.3.1 + Safari 版本 17.3.1(19617.2.4.11.12).mp4 所示

https://github.com/user-attachments/assets/86a2eb1d-d01d-442b-a3e9-3471a356cf94

其他macOS低于 v14.3.1 版本,且Chrome 为 最新版本131.0.6778.86(正式版本)x86 架构的 均没有此问题

如 附件macOS v13.5.2 + Chrome 版本 131.0.6778.86(正式版本)(x86_64).mp4所示
没有闪烁的问题

https://github.com/user-attachments/assets/265cbfc0-cb9e-4493-8e42-8605a5e5420b

操作系统版本如下:
![baf355e40391e924e3cbcf47272290f](https://github.com/user-attachments/assets/f9be6208-395c-4aaa-81f1-3a5ca1ce44cb)

浏览器版本如下:
![445ca789121eda96020be1682746104](https://github.com/user-attachments/assets/11509195-ce4f-4b41-be6d-a388c7b95b47)

macOS v12.7.6 + Chrome 版本 131.0.6778.86(正式版本)(x86_64)也没有闪烁的问题
操作系统版本如下:

![3d5d40aa2eabc7bdc6ac5744bed95a4](https://github.com/user-attachments/assets/f2a94f71-fbd7-4b36-98d9-5646f5650abc)

浏览器版本如下:
Chrome 已是最新版本
版本 131.0.6778.86(正式版本) (x86_64)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.