v-charts 环形图中间文字, 线条设置

线条设置 环内文字,单位

 
data() {
return {
	  this.chartSettings={
            offsetY: 320,
            radius: [125, 170],
            labelLine: {//设置延长线的长度
            normal: {
                length: 45,//设置延长线的长度
                length2: 80,//设置第二段延长线的长度
            },
            }
       };
       //  环内文字设置:
            this.graphic= [{    
                    type: 'text', 
                    left: 'center',          
                    top: '32%',
                    style: {                
                        text: "客户数量",
                        textAlign: 'center',
                        fill: '#999999', 
                        fontSize: 21,
                        color: "#4d4f5c",
                    }
                },
                 {
                    type: 'text',
                    left: 'center',
                    top: '38%',
                    style: {
                        text: this.textData + '位',
                        textAlign: 'center',
                        fill: '#000',
                        fontSize: 25,
                    }
        }];
        // 环内文字单位
          this.extend ={
            label:{
                formatter: '{b} : {c} 位',
                    color:'#000',
                    fontSize:16
            }
        };
  }
}

你可能感兴趣的:(v-charts 环形图中间文字, 线条设置)