fix: 日常支出统计及收益相关页面优化。

src/views/invest/futuresAnalysis/index.vue

@@ -379,17 +379,25 @@ const drawBar = (data) => {
         type: 'bar',
         barWidth: 20, // 根据需求调整数值大小，单位是像素
         itemStyle: {
-          color: '#2283cf'
+          // 此处可以是一个固定颜色值，也可以是一个回调函数根据数据动态计算颜色
+          color: function (params) {
+            // 这里可以根据需要设置不同的颜色，比如根据数据值
+            if (params.data <= 0) {
+              return 'green'
+            } else if (params.data > 0) {
+              return 'red'
+            }
+          }
         }
       }
     ],
     // 添加点击事件的处理函数
     emphasis: {
-      itemStyle: {
-        color: '#2283cf',
-        barWidth: 20 // 根据需求调整数值大小，单位是像素
-      },
-      barWidth: 24 // 根据需求调整数值大小，单位是像素
+      // itemStyle: {
+      //   color: '#2283cf',
+      //   barWidth: 20 // 根据需求调整数值大小，单位是像素
+      // },
+      // barWidth: 24 // 根据需求调整数值大小，单位是像素
     }
   }
 
@@ -453,7 +461,15 @@ const drawLine = (data) => {
           color: '#4181c9'
         },
         itemStyle: {
-          color: '#4181c9'
+          // 此处可以是一个固定颜色值，也可以是一个回调函数根据数据动态计算颜色
+          color: function (params) {
+            // 这里可以根据需要设置不同的颜色，比如根据数据值
+            if (params.data <= 0) {
+              return 'green'
+            } else if (params.data > 0) {
+              return 'red'
+            }
+          }
         },
         smooth: true,
         symbol: 'emptyCircle',