(*) 火情趋势图表优化

super-screen/client/src/sections/fire-control/components/left-bottom.js

@@ -25,21 +25,10 @@ function Infrastructure(props) {
                 return item.name + " : " + item.value + " 次";
             },
         },
-        legend: {
-            top: 10,
-            itemWidth: 20,
-            itemHeight: 10,
-            left: "center",
-            padding: 0,
-            textStyle: {
-                color: "#E6E6E7",
-                fontSize: 14,
-                padding: [2, 0, 0, 0],
-            },
-        },
         xAxis: [
             {
                 type: "category",
+                boundaryGap: false,
                 axisLabel: {
                     interval: 0,
                     color: "rgba(195, 230, 255, 1)",
@@ -90,13 +79,28 @@ function Infrastructure(props) {
                     position: "top",
                     color: "#00A8FF",
                 },
+                areaStyle: {//区域填充渐变颜色
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0, color: '#4CA1FF40' // 0% 处的颜色
+                        }, {
+                            offset: 1, color: '#4CA1FF00' // 100% 处的颜色
+                        }],
+                        global: false // 缺省为 false
+                    }
+                },
                 data: Ydata,
             },
         ],
         grid: {
-            x: 50,
+            x: 45,
             y: 25,
-            x2: 30,
+            x2: 40,
             y2: 20
         },
     };