修改样式

nngkxxdp/src/main/resources/static/natj/dataCenter/index.html

@@ -20,12 +20,12 @@
         }
 
         #zsrEchart {
-            width: 800px;
+            width: 700px;
             height: 510px;
         }
 
         #cyrsEchart{
-            width: 720px;
+            width: 650px;
             height: 510px;
         }
 
@@ -78,7 +78,7 @@
 
         .chart-item>.title span {
             line-height: 63px;
-            font-size: 26px;
+            font-size: 22px;
             font-family: DOUYU;
             font-weight: normal;
             color: #FFFFFF;

nngkxxdp/src/main/resources/static/natj/dataCenter/indexMobile.html

@@ -93,7 +93,7 @@
 
         .chart-item>.title span {
             line-height: 43px;
-            font-size: 15px;
+            font-size: 12px;
             font-family: DOUYU;
             font-weight: normal;
             color: #FFFFFF;

nngkxxdp/src/main/resources/static/natj/dataCenter/js/closeCase.js

@@ -103,6 +103,25 @@ function closeCase() {
       {
         data: [150, 230, 224, 218, 135, 147, 260],
         type: "line",
+        itemStyle: {
+          color: "#FB693A",
+        },
+        lineStyle: {
+          color: "#FB693A",
+        },
+        areaStyle: {
+          origin: "start", //向最小值方向渐变，y轴有负值要写
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: "rgba(251, 105, 58, 0.8)",
+            },
+            {
+              offset: 1,
+              color: "rgba(251, 105, 58, 0.1)",
+            },
+          ]),
+        },
       },
     ],
   };

nngkxxdp/src/main/resources/static/natj/dataCenter/js/culturalTourism.js

@@ -84,7 +84,7 @@ function culturalTourism() {
           3415412, 4851414, 4914414,
         ],
         itemStyle: {
-          color: '#ed9121',
+          color: "#ed9121",
         },
       },
       {
@@ -247,8 +247,11 @@ function culturalTourism() {
   var option;
   var data = alldata[0];
   option = {
-    title:{
-        text:'旅游总收入'
+    title: {
+      text: "旅游总收入",
+    },
+    grid: {
+      containLabel: true,
     },
     tooltip: {
       trigger: "axis",
@@ -342,8 +345,11 @@ function culturalTourism() {
   var option;
   var data = alldata[0];
   option = {
-    title:{
-        text:'旅游从业人数'
+    title: {
+      text: "旅游从业人数",
+    },
+    grid: {
+      containLabel: true,
     },
     tooltip: {
       trigger: "axis",

nngkxxdp/src/main/resources/static/natj/dataCenter/js/culturalTourismMobile.js

@@ -20,7 +20,7 @@ function culturalTourism() {
       },
     },
     grid: {
-        top:80,
+      top: 80,
       containLabel: true,
     },
     legend: {
@@ -216,7 +216,7 @@ function culturalTourism() {
         },
         data: [0, 788, 1026, 1740, 1967, 2200, 2720, 2748, 3231, 5539],
         itemStyle: {
-          color: "red",
+          color: "#ed9121",
         },
       },
       {
@@ -275,10 +275,12 @@ function culturalTourism() {
       },
     },
     grid: {
+      top: 100,
       containLabel: true,
     },
     legend: {
-      data: ["旅游总收入"],
+      top: 40,
+      data: ["旅游总收入", "旅游总收入同比增减"],
     },
     xAxis: [
       {
@@ -377,10 +379,18 @@ function culturalTourism() {
       },
     },
     grid: {
+      top: 100,
       containLabel: true,
     },
     legend: {
-      data: ["旅游从业人数"],
+      top: 40,
+      data: [
+        "旅游从业人数",
+        "旅游从业人数同比增减",
+        "旅游直接从业人数",
+        "旅游直接从业人数同比增减",
+      ],
+      type: "scroll",
     },
     xAxis: [
       {

nngkxxdp/src/main/resources/static/natj/dataCenter/js/employment.js

@@ -10,7 +10,9 @@ function employment() {
         type: "shadow",
       },
     },
-    legend: {},
+    legend: {
+      type: "scroll",
+    },
     grid: {
       left: "3%",
       right: "4%",
@@ -20,24 +22,61 @@ function employment() {
     xAxis: {
       type: "category",
       boundaryGap: [0, 0.01],
+      data: ["2022年全年", "2023年一季度", "2023年二季度", "2023年三季度"],
     },
-    yAxis: {
-      type: "value",
-      data: ["Brazil", "Indonesia", "USA", "India", "China", "World"],
-    },
+    yAxis: [
+      {
+        type: "value",
+        axisLabel: {
+          formatter: "{value} 人",
+        },
+      },
+      {
+        type: "value",
+        interval: 20,
+        max: 100,
+        axisLabel: {
+          formatter: "{value} %",
+        },
+      },
+    ],
     series: [
       {
         name: "城镇新增就业人数",
         type: "bar",
-        data: [18203, 23489, 29034, 104970, 131744, 630230],
-        itemStyle:{
-          color:'#509EF3'
-        }
+        yAxisIndex: 0,
+        data: [18203, 23489, 29034, 104970],
+        itemStyle: {
+          color: "#509EF3",
+        },
       },
       {
         name: "城镇登记失业人员就业人数",
         type: "bar",
-        data: [19325, 23438, 31000, 121594, 134141, 681807],
+        yAxisIndex: 0,
+        data: [19325, 23438, 31000, 121594],
+      },
+      {
+        name: "城镇新增就业人数同比增减",
+        type: "line",
+        yAxisIndex: 1,
+        tooltip: {
+          valueFormatter: function (value) {
+            return value + " %";
+          },
+        },
+        data: [38.55, 24.93, 34.84, 20.75],
+      },
+      {
+        name: "城镇登记失业人员就业人数同比增减",
+        type: "line",
+        yAxisIndex: 1,
+        tooltip: {
+          valueFormatter: function (value) {
+            return value + " %";
+          },
+        },
+        data: [38.55, 24.93, 34.84, 20.75],
       },
     ],
   };