From 759d2a289ecf8e5d589a9b8b8cdac3826f03718e Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 18 六月 2024 17:32:19 +0800
Subject: [PATCH] 修改高德地图key，并添加密钥

---
 src/utils/chart/chart-option.js |  197 ++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 186 insertions(+), 11 deletions(-)

diff --git a/src/utils/chart/chart-option.js b/src/utils/chart/chart-option.js
index 250e550..06357e1 100644
--- a/src/utils/chart/chart-option.js
+++ b/src/utils/chart/chart-option.js
@@ -14,7 +14,8 @@
   return fontSize;
 }
 
-function factorLineOption(_xAxis, _series, legends) {
+// 鎶樼嚎鍥�
+function factorLineOption(_xAxis, _series) {
   var fontSize = fGetChartFontSize();
   return {
     animationEasing: 'elasticOut',
@@ -38,7 +39,7 @@
     },
     legend: {
       type: 'scroll',
-      data: legends,
+      // data: legends,
       left: 0,
       textStyle: {
         fontSize: fontSize,
@@ -93,15 +94,189 @@
       },
       minInterval: 1
     },
-    series: _series,
-    dataZoom: [
-      {
-        type: 'inside',
-        start: 0,
-        end: 100
-      }
-    ]
+    series: _series
   };
 }
 
-export { factorLineOption };
+// 鎶樼嚎鍥�
+function smallLineOption(_xAxis, _series) {
+  var fontSize = fGetChartFontSize();
+  return {
+    animationEasing: 'elasticOut',
+    animationDelayUpdate: function (idx) {
+      return idx * 5;
+    },
+    tooltip: {
+      textStyle: {
+        fontSize: fontSize
+      }
+    },
+    grid: {
+      left: '11%',
+      right: '2%',
+      top: '7%',
+      bottom: '20%'
+    },
+    legend: {
+      show: false
+    },
+    xAxis: [
+      {
+        show: true,
+        // name: '鏃堕棿',
+        // type: 'time',
+        data: _xAxis,
+        axisLabel: {
+          textStyle: {
+            fontSize: fontSize
+          },
+          color: '#ffffff',
+          textBorderColor: '#fff'
+        },
+        axisTick: {
+          lineStyle: {
+            color: 'white'
+          },
+          intervel: 0,
+          inside: false
+        },
+
+        nameTextStyle: {
+          color: '#ffffff'
+        },
+        axisLine: {
+          lineStyle: {
+            color: '#ffffff'
+          }
+        }
+      },
+      { show: true }
+    ],
+    yAxis: [
+      {
+        // name: '娴撳害(渭g/m鲁)',
+        // type: 'time',
+        axisLabel: {
+          textStyle: {
+            fontSize: fontSize
+          }
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: 'white'
+          }
+        },
+        axisTick: {
+          show: false,
+          lineStyle: {
+            color: 'white'
+          }
+        },
+        splitLine: {
+          show: false
+        },
+        minInterval: 1,
+        intervel: 1,
+        min: function (value) {
+          return Math.floor(value.min);
+        },
+        max: function (value) {
+          return Math.ceil(value.max);
+        }
+      },
+      {
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: 'white'
+          }
+        }
+      }
+    ],
+    series: _series
+  };
+}
+
+// 浠〃鐩�
+function gaugeOption(name, value) {
+  // var fontSize = fGetChartFontSize();
+  var option = {
+    // title: {
+    //   text: name,
+    //   textStyle: {
+    //     color: 'white',
+    //     fontSize: fontSize
+    //   },
+    //   left: 'center'
+    // },
+    textStyle: {
+      color: '#ffffff',
+      fontSize: 10
+    },
+    tooltip: {
+      formatter: '{a} : {c}km/h'
+    },
+    toolbox: {
+      // feature: {
+      //     restore: {},
+      //     saveAsImage: {}
+      // }
+    },
+    series: [
+      {
+        name: name,
+        type: 'gauge',
+        title: {
+          color: 'white',
+          offsetCenter: [0, '50%']
+        },
+        detail: {
+          color: 'white',
+          formatter: '{value}km/h',
+          textStyle: {
+            fontSize: 18
+          },
+          offsetCenter: [0, '80%']
+        },
+        splitLine: {
+          lineStyle: {
+            color: 'white'
+          }
+        },
+        axisTick: {
+          lineStyle: {
+            color: 'white'
+          }
+        },
+        axisLabel: {
+          color: 'white',
+          fontSize: 10
+        },
+        axisLine: {
+          // lineStyle: {
+          //   color: [
+          //     [0.2, '#2afd2a'],
+          //     [0.8, '#f1e74d'],
+          //     [1, '#c23531']
+          //   ]
+          // }
+        },
+        itemStyle: {
+          color: 'white'
+        },
+        data: [
+          {
+            value: value,
+            name: '杞﹂��'
+          }
+        ],
+        min: 0,
+        max: 200
+      }
+    ]
+  };
+  return option;
+}
+
+export { factorLineOption, smallLineOption, gaugeOption };

--
Gitblit v1.9.3