update energe layout

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

@@ -34,7 +34,7 @@ function NatGas(props) {
       dateOptions={["周", "月", "年"]}
       //   legend={["总量"]}
       onDateChange={handleDateChange}
-      size={["long", "short"]}
+      size={["long", "middle"]}
     >
       {/* real echarts here */}
       {options && (
@@ -52,7 +52,7 @@ function NatGas(props) {
             fontSize: "24px",
             userSelect: "none",
             textAlign: "center",
-            paddingTop: "48px",
+            paddingTop: "88px",
           }}
         >
           暂无数据
@@ -81,7 +81,7 @@ function getOptions(period, trend) {
   ];
   return {
     color: colors,
-    grid: { top: 38, right: 12, bottom: 20, left: 48 },
+    grid: { top: 38, right: 12, bottom: 20, left: 80 },
     legend: {
       show: false,
       icon: "roundRect",
@@ -94,7 +94,7 @@ function getOptions(period, trend) {
       height: 8,
       textStyle: {
         color: "#DFF1FE",
-        fontSize: 10,
+        fontSize: 12,
       },
     },
     xAxis: {
@@ -111,7 +111,7 @@ function getOptions(period, trend) {
         .reverse(),
       axisLabel: {
         color: "#fff",
-        fontSize: 12,
+        fontSize: 14,
       },
       axisTick: { show: false },
       axisLine: {
@@ -125,13 +125,13 @@ function getOptions(period, trend) {
       name: "单位m³/h",
       nameTextStyle: {
         color: "#fff",
-        fontSize: 10,
+        fontSize: 14,
         align: "right",
       },
       type: "value",
       axisLabel: {
         color: "#fff",
-        fontSize: 12,
+        fontSize: 14,
         formatter: "{value}",
       },
       axisLine: {