fix ui

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

@@ -36,13 +36,15 @@ function ElecCost(props) {
       size={["long", "middle"]}
     >
       {/* real echarts here */}
-      { options && <ReactECharts
-        key={Math.random()}
-        option={options}
-        // option={getOptions([[112, 73, 79, 82, 30, 105, 87]], "氧气")}
-        style={{ height: "100%" }}
-      />}
-       {!options && (
+      {options && (
+        <ReactECharts
+          key={Math.random()}
+          option={options}
+          // option={getOptions([[112, 73, 79, 82, 30, 105, 87]], "氧气")}
+          style={{ height: "100%" }}
+        />
+      )}
+      {!options && (
         <p
           style={{
             color: "#cccf",
@@ -147,6 +149,8 @@ function getOptions(period, trend) {
     series: {
       data: trend[period].map((item) => item.qty),
       type: "line",
+      symbol: "circle",
+      symbolSize: 6,
       areaStyle: {
         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
           { offset: 0, color: colors[0] + "40" },
@@ -169,6 +173,11 @@ function getOptions(period, trend) {
     // })),
     tooltip: {
       trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      className: "xc-chart-tooltip",
+      // backgroundColor: ''
     },
   };
 }