[I] [Bug] Gap between progressbar and axisLine and labels on both ends in gauge [echarts]

Thu, 19 Oct 2023 03:26:21 -0700 


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

   ### Version
   
   5.4.3
   
   ### Link to Minimal Reproduction
   
   
https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeBYAULWEAmAuWA5AIwCcRATAGYCG2ARgLQ1FEN3nkCsbHJTADADZsJOgHYS_AMzl-BADTpM1aBAC21SDHxgATgFcApooyxIYADaH8AbSWZk9h2cMAPMPgIA5QwHdYAIKuEADOCk4OVpQehADGhtBghrrhps4hABbAvjoGxhGYYKCe_ACkBBEAvvYAuiaYIckQhiG2EahpDjieRKnOhQCeINaEAObU-qOGff3UwSEAMhDQIx39DpnZuHpG9euwFsuGAMpgA1b4a_uYvjhgGfhE_LB717HAFsC6-AX9dp3XGz8AB0XHkY10hgSBDqv3WQOBnHBBAGhgsn18MNe11gNiIyMh2BhcIcNVgJOqANglWxmF0tAg-lahEk5VpsHiiWStgInDKCkIfPKsKpITA1F0YAC0FGF1gRAAHPx2QlsNLZSNlb9Yp9YgBrW6NXK7X4hECHMBefRqOjc-Va0XmiBgJYrS4kzY5Mx5X4035zUIAFQg-vdVIaWS9NAsjXZDSdluttu-sE4vvZAcW1FtFjD109xsM6d-IF0wFGkJCzKu6wL3pN4dgt2w91wRCRv2AADdkhZqCBC-znYY1KdzqsSe9PimAEQVqHQGdx2B0L7YZIAWWHuiWamdj0EJl9xap2E01DajZr-y71AsRnwABZyKCFUfG4VnXLr_nI_ho7GJLOFOXyeBMRQzDisDAJQlCNGAADCCRJCmeLKrAgj8CKUGYN2ySUBing7NAsSaNMQHUsumDruKEC5o4H4bH-9b5IxuGwfBSFcqh6FYVRDggSmBB0H2-qQTieG6ARWyEMRpFJOJ1yUDAYDHBAABeIxEIeFGYIcKwABKGBAowZDE2n8Zgym6BoYAoZ4SC3vehiVAA0v4FSMX6jHDqOZzfrpsAAPRBYJYH6BBFHeV
 BIDAMs9kMb-WwAax6zRfslLrDUVS1OglQANxAA
   
   ### Steps to Reproduce
   
   `const gaugeData = [
     {
       value: 20,
     }
   
   ];
   option = {
     series: [
       {
         type: 'gauge',
         startAngle: 180,
         endAngle: 0,
         min: 0,
         max: 100,
         radius: '90%',
         splitLine:{
           show:false
         },
          axisTick: {
           show: false,
          },
         axisLine: {
           show:true,
           lineStyle: {
             width: 5,
             color: [
               [0.3, 'green'],
               [0.8, 'yellow'],
               [1, 'red']
             ]
           }
         },
          pointer: {
           show:false,
       },
         progress: {
           show: true,
           width:10,
         overlap: true,
         },
         data: gaugeData,
          detail: {
               show: true,
               offsetCenter: [0, 0],
               color: 'black',
               overflow: 'truncate',
               formatter: '{value}Kw '
             },
       }
     ]
   };`
   
   ### Current Behavior
   
   
   
   Progress and axisLine is overlapping  as you can see in the attached 
screenshot
   
![image](https://github.com/apache/echarts/assets/6056807/fbe2feaa-1f8e-42bd-b1b7-5cba543bb9c7)
   
   
   ### Expected Behavior
   
   As shown in the screenshot
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### Any additional comments?
   
   Not able to put gap between progress bar and axisLine. And how to put the 
the labels at the end of the gauge on both side 
   
![image](https://github.com/apache/echarts/assets/6056807/1d06946b-078d-4086-b703-db080981cabc)
   


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