推

attendance-performance-manager-ui/admin/src/views/staff/perform/stat/components/BarCharts.vue

@@ -71,6 +71,7 @@ export default {
           bottom: "2%",
           containLabel: true,
         },
+        // color:[ "#61a0a8",],
         yAxis: {},
         series: [
           {
@@ -78,6 +79,22 @@ export default {
             type: "bar",
             data: [5, 20, 36, 10, 10, 20],
             itemStyle: {
+              normal: {
+                //这里是重点
+                color: function(params) {
+                  //注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
+                  var colorList = [
+                    "#c23531",
+                    "#2f4554",
+                    "#61a0a8",
+                    "#d48265",
+                    "#91c7ae",
+                    "#749f83",
+                    "#ca8622",
+                  ];
+                  return colorList[params.dataIndex];
+                },
+              },
               lineStyle: {
                 type: "dotted", //'dotted'虚线 'solid'实线
               },

attendance-performance-manager-ui/admin/src/views/staff/perform/stat/components/LineCharts.vue

@@ -56,6 +56,7 @@ export default {
           },
         },
         tooltip: {},
+       color:[ "#61a0a8",],
         xAxis: {
           type: "category",
           data: ["部门1", "部门2", "部门3", "部门4", "部门5", "部门6"],