[GitHub] [echarts] 100pah opened a new issue, #17939: When text contains '-', the layout is incorrect. [Bug]

Fri, 18 Nov 2022 01:46:15 -0800 


100pah opened a new issue, #17939:
URL: https://github.com/apache/echarts/issues/17939

   ### Version
   
   5.4.0
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   ```js
   option = {
     tooltip: {
       trigger: 'item',
       formatter: '{a} <br/>{b}: {c} ({d}%)'
     },
     legend: {
       data: [
         'Direct',
         'Marketing',
         'Search Engine',
         'Email',
         'Union Ads',
         'Video Ads',
         'Baidu',
         'Google',
         'Bing',
         'Others'
       ]
     },
     series: [
       {
         name: 'Access From',
         type: 'pie',
         selectedMode: 'single',
         radius: [0, '30%'],
         label: {
           position: 'inner',
           fontSize: 14
         },
         labelLine: {
           show: false
         },
         data: [
           { value: 1548, name: 'Search Engine' },
           { value: 775, name: 'Direct' },
           { value: 679, name: 'Marketing', selected: true }
         ]
       },
       {
         name: 'Access From',
         type: 'pie',
         radius: ['45%', '60%'],
         labelLine: {
           length: 30
         },
         label: {
           formatter: '{b|{b}：}{per|{d}%}  ',
           backgroundColor: '#F6F8FC',
           borderColor: '#8C8D8E',
           borderWidth: 1,
           borderRadius: 4,
           rich: {
             b: {
               color: '#4C5058',
               fontSize: 14,
               fontWeight: 'bold',
               lineHeight: 33
             },
             per: {
               color: '#fff',
               backgroundColor: '#4C5058',
               padding: [3, 10],
               borderRadius: 4
             }
           }
         },
         data: [
           { value: 1048, name: 'Baidu' },
           { value: 251, name: 'Go-------ogle' },
           { value: 102, name: 'Others' }
         ]
       }
     ]
   };
   ```
   
   
   
   ### Current Behavior
   
   
   <img width="468" alt="image" 
src="https://user-images.githubusercontent.com/1956569/202671684-77ac8402-dd41-421d-a53d-c2ddad282c5e.png";>
   
   ### Expected Behavior
   
   <img width="439" alt="image" 
src="https://user-images.githubusercontent.com/1956569/202671912-8c4803d5-1c9a-4255-bdc5-5ee1de0dd0ac.png";>
   
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### 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