feat:管仲远程视频监控管理项目 首页

god-ui/src/views/constructionSiteData/analysis/index.vue

@@ -289,17 +289,55 @@ export default {
         "chart3",
         generateBaseOptions({
           xAxis: {
-            name:'地点',
+            data: [
-            show:true,
+              "工地大门",
-            position:'bottom',
+              "18号楼施工区",
-            data: ['工地大门','18号楼施工区','15号楼施工区','健身规划区','车库','水电井'],
+              "15号楼施工区",
+              "健身规划区",
+              "车库",
+              "水电井",
+            ],
+            axisLine: {
+              show: true,
+            },
+            axisTick: {
+              alignWithLabel: true,
+            },
+            axisLabel: {
+              interval: 0, // 横轴信息全部显示
+            },
+          },
+          color: [
+            "#61a4e7",
+            "#7ece51",
+            "#edca5f",
+            "#9470e4",
+            "#edca5f",
+            "#e2925d",
+          ],
+          yAxis: {
+            type: "value",
+            axisLine: {
+              show: true,
+            },
+            splitLine: {
+              //网格线
+              show: true, //是否显示
+              lineStyle: {
+                //网格线样式
+                color: "#0735a2", //网格线颜色
+                width: 1, //网格线的加粗程度
+                type: "dashed", //网格线类型
+              },
           },
-          yAxis:{
-            type:'value'
           },
-          color: ["#a27f53", "#1a3062", "#124a55"],
           series: [
-            
+            {
+              data: [5, 6, 3, 3, 8, 2],
+              type: "bar",
+              barWidth: 40,
+              colorBy: "data",
+            },
           ],
         })
       );