四级页面修改完成

manpower/js/index4.js

@@ -371,6 +371,10 @@ let app = new Vue({
       option.title.text = '各四级企业管理人员数'
       option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
       option.legend.show = true
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.yAxis.push({
         max: 20,
         type: 'value',
@@ -443,6 +447,10 @@ let app = new Vue({
       option.title.text = '各四级企业总人数'
       option.legend.data = ['各四级企业总人数', '去年同期人数变化率']
       option.legend.show = true
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -556,6 +564,10 @@ let app = new Vue({
       option.title.text = '人数变化和全员劳动生产率变化率分析'
       option.legend.data = ['人数变化', '全员劳动生产率']
       option.legend.show = true
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -628,6 +640,10 @@ let app = new Vue({
       option.title.text = '人数变化和人工利润率变化分析'
       option.legend.data = ['人数变化', '人工成本利润率']
       option.legend.show = true
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -733,6 +749,10 @@ let app = new Vue({
       option.title.text = '全员劳动生产率'
       option.legend.data = ['全员劳动生产率同比', '全员劳动生产率（万/人）']
       option.legend.show = true
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -835,6 +855,10 @@ let app = new Vue({
       option.title.text = '人工成本利润率'
       option.legend.data = ['人工成本利润同比', '人工成本利润率']
       option.legend.show = true
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.grid.right = '15%'
       option.yAxis.push({
         splitLine: {
@@ -877,6 +901,7 @@ let app = new Vue({
           {
             name: '招聘需求公告累计招聘人次',
             type: 'bar',
+            yAxisIndex: 1,
             barWidth: 15,
             itemStyle: {
               normal: {
@@ -907,6 +932,13 @@ let app = new Vue({
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -941,6 +973,7 @@ let app = new Vue({
             name: '录用结果公示累计公示人数',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -969,6 +1002,13 @@ let app = new Vue({
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -1003,6 +1043,7 @@ let app = new Vue({
             name: '2022年累计招聘数',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1033,7 +1074,7 @@ let app = new Vue({
         },
         axisLabel: {
           show: true,
-          formatter: '{value} %',
+          formatter: '{value}',
           textStyle: {
             color: 'rgba(250,250,250,0.6)',
           },
@@ -1072,6 +1113,7 @@ let app = new Vue({
             name: '2022年累计招聘人数',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1100,6 +1142,13 @@ let app = new Vue({
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -1132,6 +1181,7 @@ let app = new Vue({
             name: '去年同期在岗职工平均薪酬',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1160,6 +1210,13 @@ let app = new Vue({
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -1194,6 +1251,7 @@ let app = new Vue({
             name: '2022年薪酬累计涨幅率',
             type: 'line',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1214,6 +1272,10 @@ let app = new Vue({
       }
       option.title.text = '各四级企业月利润与月薪酬变动情况'
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
+      }
       option.yAxis.push({
         splitLine: {
           show: false,
@@ -1221,6 +1283,13 @@ let app = new Vue({
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },