echart 环形饼图设置中心固定信息

UI图

中间的1/3是固定值 不会因为交互而改变

使用title 属性来显示中间的信息 如 将title 的top 与left位置设置为center 这样title就会居中 在饼形图中心

  

   

    

     

    
    

     

      option={
     
    
   

    

     

    
    

     
  title: {
     
    
   

    

     

    
    

     
    text: `1/3`,
     
    
   

    

     

    
    

     
    top: 'center',
     
    
   

    

     

    
    

     
    left: 'center',
     
    
   

    

     

    
    

     
    textStyle: {
     
    
   

    

     

    
    

     
      color: '#fff',
     
    
   

    

     

    
    

     
      fontSize: '12',
     
    
   

    

     

    
    

     

          },
     
    
   

    

     

    
    

     

        }
     
    
   

    

     

    
    

     

      }
     
    
  
 

效果图

区块之间的间隔如何 设置还需要再查查信息

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/109333534