echarts图表双轴优化

2026-05-28 03:09:24 +08:00 · 2025-10-10 11:01:13 +08:00
parent 0975ea52d4
commit b12aca76c4
5 changed files with 237 additions and 41 deletions
--- a/web/src/views/predict.vue
+++ b/web/src/views/predict.vue
@@ -95,6 +95,39 @@ export default {
          type: 'line',
          smooth:false,
          dataKey: 'chargeDischarge',
+          yAxisOption:[
+            {
+              name: '发电功率(W)',
+              type: 'value',
+              nameTextStyle: {
+                color: '#fff' 
+              },
+              splitLine: {
+                lineStyle: { type: 'dashed', color: '#435463' }
+              },
+              axisLabel: {
+                interval: 4,
+                color: '#fff',
+                fontSize:12
+
+              },
+            },
+            {
+              name: '发电量(kw·h)',
+              type: 'value',
+              splitLine: {
+                lineStyle: { type: 'dashed', color: '#435463' }
+              },
+              nameTextStyle: {
+                color: '#fff' 
+              },
+              axisLabel: {
+                interval: 4,
+                color: '#fff',
+                fontSize:12
+              },
+            },
+          ],
          infoKeys: [
     
            {