echarts-bot[bot] commented on issue #20545:
URL: https://github.com/apache/echarts/issues/20545#issuecomment-2503186999

   @admvli2016 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. 🤗
   <details><summary><b>TRANSLATED</b></summary><br>
   
   **TITLE**
   
   [Bug] macOS (only arm-based chips exist?) +Chrome-specific version map3D 
maps keep flashing - macOS v14.3.1\Chrome version 131.0.6778.86 (Official 
version) (arm64)
   
   **BODY**
   
   ### 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>
     
   </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', // Map color
         opacity: 1, // The opacity of the graphic
         borderWidth: 0.8,
         borderColor: 'rgb(62,215,213)'
       },
       viewControl: getDefaultView(),
       emphasis: {
         label: {
           show: true, // Whether to display the label
           color: '#fff', // Label text color
           fontSize: 20, // Label text size
           distance: 0
         },
         itemStyle: {
           color: 'rgba(2, 39, 150, 0.3)' // Color when focused
         }
       },
       light: {
         //light shadow
         main: {
           color: ' #fff', //Lighting color
           intensity: 1.2, //light intensity
           shadowQuality: 'high', //shadow brightness
           shadow: true, //Whether to display shadow
           alpha: 55, //light angle
           beta: 10 //Light source direction
         },
         ambient: {
           intensity: 0.5 //Intensity of ambient light
         } //Global ambient light settings
       }
     };
   };
   
   export const option = {
     tooltip: {
       show: true
     },
     renderer: 'webgl',
     webGLMaxMergingVertices: 8000, // Example value for increasing WebGL 
buffer size to optimize performance issues
   
     geo3D: getGeo3D(),
     series: []
   };
   ```
   
   3.
   When dragging or hovering, you will find that the map is constantly flashing 
and re-rendered.
   
   
   ### Current Behavior
   
   macOS v14.3.1 + Chrome version 131.0.6778.86 (official version) (arm64) 
Echarts map 3D map keeps flashing
   
   ### Expected Behavior
   
   Echarts map 3d map works fine and does not flicker
   
   ### Environment
   
   ```markdown
   - OS: macOS v14.3.1
   - Browser: Chrome version 131.0.6778.86 (official version) (arm64)
   - Framework: "vue": "3.3.4"
   ```
   
   
   ### Any additional comments?
   
   The phenomenon is shown in the attached macOS v14.3.1 + Chrome version 
131.0.6778.86 (official version) (arm64).mp4:
   
   
https://github.com/user-attachments/assets/3ace448d-f992-4c83-af89-87b6bfc911bd
   
   The operating system versions are as follows:
   
![5c0e79560e8be1e6bdaebfe98975dbb](https://github.com/user-attachments/assets/4b56dee7-d089-4dbd-8a13-27856d55725c)
   
   The browser versions are as follows:
   
![8d0064c5484abb8511aef304c41590d](https://github.com/user-attachments/assets/b636b86d-eb41-44ca-a069-23c8e4c3151e)
   
   Safari does not have this issue
   As shown in the attachment macOS v14.3.1 + Safari version 17.3.1 
(19617.2.4.11.12).mp4
   
   
https://github.com/user-attachments/assets/86a2eb1d-d01d-442b-a3e9-3471a356cf94
   
   Other macOS versions lower than v14.3.1, and Chrome with the latest version 
131.0.6778.86 (official version) x86 architecture, do not have this problem.
   
   As shown in the attachment macOS v13.5.2 + Chrome version 131.0.6778.86 
(official version) (x86_64).mp4
   No flickering issues
   
   
https://github.com/user-attachments/assets/265cbfc0-cb9e-4493-8e42-8605a5e5420b
   
   The operating system versions are as follows:
   
![baf355e40391e924e3cbcf47272290f](https://github.com/user-attachments/assets/f9be6208-395c-4aaa-81f1-3a5ca1ce44cb)
   
   The browser versions are as follows:
   
![445ca789121eda96020be1682746104](https://github.com/user-attachments/assets/11509195-ce4f-4b41-be6d-a388c7b95b47)
   
   macOS v12.7.6 + Chrome version 131.0.6778.86 (official version) (x86_64) 
also has no flickering problem
   The operating system versions are as follows:
   
   
![3d5d40aa2eabc7bdc6ac5744bed95a4](https://github.com/user-attachments/assets/f2a94f71-fbd7-4b36-98d9-5646f5650abc)
   
   The browser versions are as follows:
   Chrome is already the latest version
   Version 131.0.6778.86 (official version) (x86_64)
   </details>


-- 
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