样式修改

back/src/views/modules/abilityStatistics/applicationResources.vue

@@ -98,7 +98,7 @@ export default {
             },
             axisLine:{
                 lineStyle:{
-                    color:"#ebebeb"
+                    color:"#f5f5f5"
                 }
             },
             axisLabel: {//y轴文字的配置
@@ -134,10 +134,24 @@ export default {
         },
         series: [
              {
+           data: [5, 5, 5, 5, 5, 5],
+            type: 'bar',
+            barWidth: 14,
+            stack: '1',
+            itemStyle: {
+                barBorderRadius: [20,20,20,20],
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'rgba(178, 189, 255,0)' },
+                // { offset: 0.5, color: '#188df0' },
+                { offset: 1, color: 'rgba(82, 106, 255,0)' }
+                ])
+            },
+            },
+            {
            data: [60, 90, 50, 80],
             type: 'bar',
             barWidth: 14,
-           
+            stack: '1',
             itemStyle: {
                 barBorderRadius: [20,20,20,20],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -286,10 +300,24 @@ export default {
         },
         series: [
              {
+           data: [5, 5, 5, 5],
+            type: 'bar',
+            barWidth: 14,
+            stack: '1',
+            itemStyle: {
+                barBorderRadius: [20,20,20,20],
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'rgba(178, 189, 255,0)' },
+                // { offset: 0.5, color: '#188df0' },
+                { offset: 1, color: 'rgba(82, 106, 255,0)' }
+                ])
+            },
+            },
+            {
            data: [60, 90, 50, 80],
             type: 'bar',
             barWidth: 14,
-           
+            stack: '1',
             itemStyle: {
                 barBorderRadius: [20,20,20,20],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -317,8 +345,8 @@ export default {
             type: 'category',
             data: ['组件名称1', '组件名称2', '组件名称3', '组件名称4', '组件名称5', '组件名称6'],
             color:['#f5f5f5'],
-            axisTick:{
+            axisTick: {    // 坐标轴 刻度
-              show:false,//不显示坐标轴刻度线
+                show: false,  // 是否显示
                 },
             splitLine: {
               show: true,
@@ -362,10 +390,24 @@ export default {
         },
         series: [
             {
+           data: [5, 5, 5, 5, 5, 5],
+            type: 'bar',
+            barWidth: 14,
+            stack: '1',
+            itemStyle: {
+                barBorderRadius: [20,20,20,20],
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'rgba(178, 189, 255,0)' },
+                // { offset: 0.5, color: '#188df0' },
+                { offset: 1, color: 'rgba(82, 106, 255,0)' }
+                ])
+            },
+            },
+             {
            data: [60, 90, 50, 80, 50, 80],
             type: 'bar',
             barWidth: 14,
-           
+            stack: '1',
             itemStyle: {
                 barBorderRadius: [20,20,20,20],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -374,7 +416,7 @@ export default {
                 { offset: 1, color: 'rgba(82, 106, 255,0.8)' }
                 ])
             },
-            }
+            },
         ]
         };
 

back/src/views/modules/abilityStatistics/componentServices.vue

@@ -358,6 +358,7 @@ export default {
         padding-left: 20px;
         margin-top: 20px;
         margin-right: 20px;
+        /* background-image:url("../../../assets/img/排行榜背景图.png"); */
     }
     .container-body5{
         width:640px;