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

   ### Version
   
   5.4.3
   
   ### Link to Minimal Reproduction
   
   Business repo and reproduction is below
   
   ### Steps to Reproduce
   
   1. Create a chart and set itself a specific height and width.
   2. Change the dev tool's current viewport to check the render results.
   This issue is weird, but after I tried all the solutions I know it still 
won't work. 
   This screenshot is for mobile devices, and you can see the canvas also the 
container has a right size, but still the chart is rendered only part of the 
available space:
   
![image](https://github.com/apache/echarts/assets/45194556/f288cf14-bff0-4f0f-af4b-f10b6bafd8a1)
   And this screenshot is for normal desktop in Browser, the chart is rendered 
as expected:
   
![image](https://github.com/apache/echarts/assets/45194556/535d0267-9f21-4aec-9b68-94784c1c3a83)
   And I am wondering what caused this issue. I tried follow ways to solve it, 
but none of them can work:
   
   - Use `resize()` to force its size
   - Use `100%` width and height for the chart, set the real size of the chart 
container
   - Render or resize it async
   - Edit or lock the DPR and resize
   
   I have no idea if I touched some rules of rendering, but this issue can be 
very annoying for mobile devices. Please show me more info even if this is not 
a bug. I can only code a container and set offset for now to solve it.
   
   ### Current Behavior
   
   Mobile devices is rendering a Chart visually lower than Desktop.
   This screenshot is for mobile devices, and you can see the canvas also the 
container has a right size, but still the chart is rendered only part of the 
available space:
   
![image](https://github.com/apache/echarts/assets/45194556/f288cf14-bff0-4f0f-af4b-f10b6bafd8a1)
   And this screenshot is for normal desktop in Browser, the chart is rendered 
as expected:
   
![image](https://github.com/apache/echarts/assets/45194556/535d0267-9f21-4aec-9b68-94784c1c3a83)
   
   ### Expected Behavior
   
   Mobile devices should be rendered as the same effects as Desktop.
   
   ### Environment
   
   ```markdown
   - OS: macOS
   - Browser: Microsoft Edge 版本 119.0.2151.72 (正式版本) (x86_64)
   - Framework: MPX but it is used as [email protected]
   ```
   
   
   ### Any additional comments?
   
   _No response_


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