update

src/components/Modules/EnergyCostAnalysis/NO/index.jsx

@@ -46,19 +46,34 @@ function NO(props) {
       size={["long", "middle"]}
     >
       {/* real echarts here */}
-      <ReactECharts
-        key={Math.random()}
-        option={options}
-        // option={getOptions(
-        //   [
-        //     [148, 110, 140, 122, 84, 153, 89],
-        //     [88, 79, 75, 73, 33, 54, 31],
-        //     [60, 31, 65, 49, 51, 99, 58],
-        //   ],
-        //   "氧气"
-        // )}
-        style={{ height: "100%" }}
-      />
+      {options && (
+        <ReactECharts
+          key={Math.random()}
+          option={options}
+          // option={getOptions(
+          //   [
+          //     [148, 110, 140, 122, 84, 153, 89],
+          //     [88, 79, 75, 73, 33, 54, 31],
+          //     [60, 31, 65, 49, 51, 99, 58],
+          //   ],
+          //   "氧气"
+          // )}
+          style={{ height: "100%" }}
+        />
+      )}
+      {!options && (
+        <p
+          style={{
+            color: "#cccf",
+            fontSize: "24px",
+            userSelect: "none",
+            textAlign: "center",
+            paddingTop: "96px",
+          }}
+        >
+          暂无数据
+        </p>
+      )}
       {/* real table data here  */}
     </GraphBase>
   );
@@ -67,6 +82,7 @@ function NO(props) {
 export default NO;
 
 function getOptions(source, period, trend) {
+  if (trend[source].length == 0) return null;
   return {
     color: ["#FFD160", "#12FFF5", "#2760FF"],
     grid: { top: 38, right: 12, bottom: 20, left: 48 },