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/09/20 03:48:16 UTC

[GitHub] [echarts] echarts-bot[bot] commented on issue #19136: [Bug] axia 里 axisLabel 设置了换行,宽度能显示一个字符,完全能显示下标签。结果缩放宽度后,部分柱状label消失

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

   @yangweijie 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] In axia, axisLabel is set to wrap, and the width can display one character, which can fully display the label. As a result, after scaling the width, some columnar labels disappeared.
   
   **BODY**
   
   ### Version
   
   5.4.3
   
   ### Link to Minimal Reproduction
   
   https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsDGwA2wBOAXLANoBEAxAMyUCcAHACIBCpAugDRqxjA6QhFU6dGDwQA5uICmhWKQCGADwgBnUp2GwlqgArAI0MDMFdNYAJ4gpRUioAW8gCbAA7q VOwAvl08bY4sUdBXy5FAEFlFSJiIWELKxsMeSNxfHN1D0dk-WjSAFkYdTkAFQBXKSLSAHUpR0riu1LKgDExSoBlZI7S6DYfDi5zCNVo2JFLazkAN3lscvd0TwH0FRkIKSiSMdhoeQBbSdJAF7dAUuNAfujAO9SMsw mbACN5PGvhB7wqiEcwOxsANgAGACkz3QWTAORIAEY_uxYABWABMMPhf2hsGoABYYbRUdRUfDkax-ihPEA&_source=echarts-doc-preview
   
   ### Steps to Reproduce
   
   Install echarts using normal npm method
   
   ~~~
   option = {
     color: ["#3398DB"],
     tooltip: {
       trigger: "axis",
       axisPointer: {
         type: "shadow"
       }
     },
     grid: {},
     xAxis: {
       type: "category",
       data: ['Haimen Street and Baiyun Street', 'Baiyun Street and Baiyun Street', 'Jiajun Street and Baiyun Street', 'Hongjia Street', 'Sanjia Street', 'Xiachen Street'],
       axisLabel: {
         fontSize: 12,
         overflow:'break',
         width:10,
         // height:40,
       }
     },
     yAxis: [{
       type: "value"
     }],
     series: [{
       name: "Direct access",
       type: "bar",
       barWidth: "60%",
       data: [10, 52, 200, 334, 390, 330, 220]
     }]
   }
   ~~~
   
   ### Current Behavior
   
   In the simulator, label text can be displayed in full screen by default. When zoomed to a certain width, some labels disappear.
   ![image](https://github.com/apache/echarts/assets/1614114/fd0bbb3e-a277-44b0-b0cf-43cacc6a4183)
   
   
   ### Expected Behavior
   
   I hope the text can be displayed in new lines normally. If it cannot be displayed, scale the height of the histogram area.
   
   ### Environment
   
   ```markdown
   - OS: Windows 11
   - Browser: Edge 117.0.2045.31
   - Framework:Vue@3
   ```
   
   
   ### 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