You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "echarts-bot[bot] (via GitHub)" <gi...@apache.org> on 2023/07/06 03:28:58 UTC

[GitHub] [echarts] echarts-bot[bot] commented on issue #18854: [Bug] grid 多图表 显示位置异常

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

   @dontworrywearetogether 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] Grid multi-chart display position is abnormal
   
   **BODY**
   
   ### Version
   
   5.4
   
   ### Link to Minimal Reproduction
   
   https://codesandbox.io/embed/basic-line-chart-forked-7mfz5h?fontsize=14&hidenavigation=1&theme=dark
   
   ### Steps to Reproduce
   
   The graph is a line and a pie
   But the position of the pie is always wrong
   
   The grid code looks like this:
   
   '''
     const media = [
       {
         option: {
           grid: [
             {left: "10%", right: "50%", width: "50%", top: "10%", bottom: "10%"},
             { left: "50%", right: "10%", width: "50%", top: "10%", bottom: "10%" }
           ]
         }
       },
       {
         query: {
           maxWidth: 768
         },
         option: {
           grid: [
             {left: "10%",right: "10%",top: "10%",bottom: "50%",width: "20%"},
             { left: "10%", right: "10%", top: "50%", bottom: "10%", width: "20%" }
           ]
         }
       }
     ];
   
     myChart.setOption({
       option,
       media
     });
   '''
   
   ### Current Behavior
   
   
   ![Uploading image.png…]()
   
   
   ### Expected Behavior
   
   line and pie occupy the left and right sides of the chart respectively
   
   ### Environment
   
   ```markdown
   - OS:
   -Browser:
   - Framework:
   ```
   
   
   ### Any additional comments?
   
   _No response_
   </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: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org