Browse Source

次元看板--调整柱状图柱子宽度等

xiaost 1 year ago
parent
commit
12ca212aac

+ 8 - 7
src/components/prodlinechart/bottom1Chart/chart.vue

@@ -74,7 +74,7 @@ export default {
           {
             name: '投入',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -91,7 +91,7 @@ export default {
           {
             name: '产出',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             stack: 'Ad',
             emphasis: {
               focus: 'series'
@@ -110,7 +110,7 @@ export default {
             name: '不良',
             type: 'bar',
             stack: 'Ad',
-            barWidth: 10,
+            barWidth: 20,
             data:[],
             //data: [12, 22, 32, 12, 32, 12, 32],
             emphasis: {
@@ -120,7 +120,7 @@ export default {
           {
             name: 'UPPH',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -166,7 +166,8 @@ export default {
             emphasis: {
               focus: 'series'
             }
-          }, {
+          },
+          {
             name: 'UPH',
             type: 'line',
             barWidth: 15,
@@ -177,13 +178,13 @@ export default {
             },lineStyle: {
               width: 3
             },
-            label: {
+           /* label: {
               show: true,
               position: 'top',
               fontSize:14,
               fontWeight: "bold",
               color: "#ea7ccc",
-            },
+            },*/
             itemStyle: {
               normal: {
                 barBorderRadius: 6,

+ 21 - 15
src/components/prodlinechart/bottom2Chart/chart.vue

@@ -75,7 +75,7 @@ export default {
           {
             name: '投入',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -91,7 +91,7 @@ export default {
           {
             name: '产出',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             stack: 'Ad',
             emphasis: {
               focus: 'series'
@@ -109,7 +109,7 @@ export default {
             name: '不良',
             type: 'bar',
             stack: 'Ad',
-            barWidth: 10,
+            barWidth: 20,
             data:[],
             //data: [12, 22, 32, 12, 32, 12, 32],
             emphasis: {
@@ -126,7 +126,7 @@ export default {
           {
             name: 'UPPH',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -167,7 +167,8 @@ export default {
             emphasis: {
               focus: 'series'
             }
-          }, {
+          },
+          {
             name: 'UPH',
             type: 'line',
             barWidth: 15,
@@ -178,20 +179,25 @@ export default {
             },lineStyle: {
               width: 3
             },
-            label: {
-              show: true,
-              position: 'top',
-              fontSize:14,
-              fontWeight: "bold",
-              color:  "#ea7ccc"
-            },
+            /* label: {
+               show: true,
+               position: 'top',
+               fontSize:14,
+               fontWeight: "bold",
+               color: "#ea7ccc",
+             },*/
             itemStyle: {
               normal: {
                 barBorderRadius: 6,
-                color:  "#ea7ccc"
+                color: "#ea7ccc",
+                /* color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                   { offset: 0, color: "rgba(156,107,211,0.8)" },
+                   { offset: 0.2, color: "rgba(156,107,211,0.5)" },
+                   { offset: 1, color: "rgba(156,107,211,0.2)" }
+                 ])*/
               }
-            },
-          }
+            }
+          },
         ]
       },
     };

+ 4 - 4
src/components/shopechart/bottom1Chart/chart.vue

@@ -78,7 +78,7 @@ export default {
           {
             name: '线体产出',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -99,7 +99,7 @@ export default {
           {
             name: '计划剩余',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             stack: 'Ad',
             emphasis: {
               focus: 'series'
@@ -124,11 +124,11 @@ export default {
             data:[],
             yAxisIndex: 1,
             symbolSize: 4,
-            label: {
+            /*label: {
               show: true,
               position: 'top',
               color:'#fff'
-            },
+            },*/
             tooltip: {
               valueFormatter: function (value) {
                 return value + '%';

+ 6 - 6
src/components/shopechart/bottom2Chart/chart.vue

@@ -80,7 +80,7 @@ export default {
           {
             name: '投入',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -96,7 +96,7 @@ export default {
           {
             name: '产出',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             stack: 'Ad',
             emphasis: {
               focus: 'series'
@@ -115,7 +115,7 @@ export default {
             name: '不良',
             type: 'bar',
             stack: 'Ad',
-            barWidth: 10,
+            barWidth: 20,
             label: {
               show: true,
               position: 'top',
@@ -132,7 +132,7 @@ export default {
           {
             name: 'UPPH',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -186,13 +186,13 @@ export default {
             lineStyle: {
               width: 3
             },
-            label: {
+           /* label: {
               show: true,
               position: 'top',
               fontSize:14,
               fontWeight: "bold",
               color:"inherit",
-            },
+            },*/
             itemStyle: {
               normal: {
                 barBorderRadius: 6,

+ 6 - 6
src/components/zxshopechart/bottom1Chart/chart.vue

@@ -80,7 +80,7 @@ export default {
           {
             name: '投入',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -96,7 +96,7 @@ export default {
           {
             name: '产出',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             stack: 'Ad',
             emphasis: {
               focus: 'series'
@@ -114,7 +114,7 @@ export default {
             name: '不良',
             type: 'bar',
             stack: 'Ad',
-            barWidth: 10,
+            barWidth: 20,
             data:[],
             //data: [12, 22, 32, 12, 32, 12, 32],
             emphasis: {
@@ -129,7 +129,7 @@ export default {
           {
             name: 'UPPH',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             emphasis: {
               focus: 'series'
             },
@@ -182,13 +182,13 @@ export default {
             lineStyle: {
               width: 3
             },
-            label: {
+            /*label: {
               show: true,
               position: 'top',
               fontSize:14,
               fontWeight: "bold",
               color:"inherit",
-            },
+            },*/
             itemStyle: {
               normal: {
                 barBorderRadius: 6,