admvli2016 opened a new issue, #20545:
URL: https://github.com/apache/echarts/issues/20545

   ### Version
   
   5.5.1
   
   ### Link to Minimal Reproduction
   
   https://echarts.apache.org/examples/zh/index.html#chart-type-map3D
   
   ### Steps to Reproduce
   
   1,
   ```vue
   <template>
     <div :id="id" :class="className" :style="getChartStyle()"></div>
     <!-- :ref="chartRef" -->
   </template>
   ```
   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)


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to