000

src/components/index/5.vue

@@ -81,27 +81,27 @@
 
               const seriesArr = [];
 
-              const liquidFill1 = this.createLiquidfill({ index: 0, center_x: 13, center_y: 30, text: this.data1.value, value: this.handlerData(this.data1.value) });
+              const liquidFill1 = this.createLiquidfill({ index: 0, center_x: 16, center_y: 28, text: this.data1.value, value: this.handlerData(this.data1.value) });
               seriesArr.push(liquidFill1);
 
-              const liquidFill2 = this.createLiquidfill({ index: 1, center_x: 53, center_y: 28, text: this.data2.value + '%', value: this.handlerData(this.data2.value + '%') });
+              const liquidFill2 = this.createLiquidfill({ index: 1, center_x: 58, center_y: 28, text: this.data2.value + '%', value: this.handlerData(this.data2.value + '%') });
               seriesArr.push(liquidFill2);
 
-              const liquidFill3 = this.createLiquidfill({ index: 2, center_x: 13, center_y: 75, text: this.data3.value, value: this.handlerData(this.data3.value) });
+              const liquidFill3 = this.createLiquidfill({ index: 2, center_x: 16, center_y: 77, text: this.data3.value, value: this.handlerData(this.data3.value) });
               seriesArr.push(liquidFill3);
 
-              const liquidFill4 = this.createLiquidfill({ index: 3, center_x: 53, center_y: 75, text: this.data4.value, value: this.handlerData(this.data4.value) });
+              const liquidFill4 = this.createLiquidfill({ index: 3, center_x: 58, center_y: 77, text: this.data4.value, value: this.handlerData(this.data4.value) });
               seriesArr.push(liquidFill4);
 
               seriesArr.push({
                   type: 'pictorialBar',
                   symbol: `image://${require('../../assets/index/liquidfill-1-circle.png')}`,
                   symbolSize: [102, 102],
-                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [10, -100] }, {}],
+                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [20, -100] }, {}],
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [-80, -80],
+                      offset: [-50, -80],
                       color: '#fff',
                       fontSize: 16,
                       formatter: '巡访平均周期'
@@ -113,11 +113,11 @@
                   type: 'pictorialBar',
                   symbol: `image://${require('../../assets/index/liquidfill-1-line.png')}`,
                   symbolSize: [62, 5],
-                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [120, -60] }, {}],
+                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [130, -60] }, {}],
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [-90, -45],
+                      offset: [-60, -45],
                       color: this.colorArr[0].color1,
                       fontSize: 16,
                       formatter: this.data1.value
@@ -133,7 +133,7 @@
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [140, -80],
+                      offset: [160, -80],
                       color: '#fff',
                       fontSize: 16,
                       formatter: '子女绑定占比'
@@ -149,7 +149,7 @@
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [130, -45],
+                      offset: [150, -45],
                       color: this.colorArr[1].color1,
                       fontSize: 16,
                       formatter: `${this.data2.value}%`
@@ -161,11 +161,12 @@
                   type: 'pictorialBar',
                   symbol: `image://${require('../../assets/index/liquidfill-3-circle.png')}`,
                   symbolSize: [102, 102],
-                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [10, 30] }, {}],
+                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [20, 30] }, {}],
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [-90, 55],
+                      offset: [-60, 55],
+
                       color: '#fff',
                       fontSize: 16,
                       formatter: '积分存量'
@@ -177,11 +178,11 @@
                   type: 'pictorialBar',
                   symbol: `image://${require('../../assets/index/liquidfill-3-line.png')}`,
                   symbolSize: [62, 5],
-                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [120, 70] }, {}],
+                  data: [{ value: 100, symbolPosition: 'start', symbolOffset: [130, 70] }, {}],
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [-90, 90],
+                      offset: [-60, 90],
                       color: this.colorArr[2].color1,
                       fontSize: 16,
                       formatter: `${this.data3.value}`
@@ -197,7 +198,7 @@
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [130, 55],
+                      offset: [150, 55],
                       color: '#fff',
                       fontSize: 16,
                       formatter: '兑换比例'
@@ -213,7 +214,7 @@
                   label: {
                       show: true,
                       position: 'top',
-                      offset: [130, 90],
+                      offset: [150, 90],
                       color: this.colorArr[3].color1,
                       fontSize: 16,
                       formatter: `${this.data4.value}`