Forráskód Böngészése

2级页添加展示百分比

l1448442195@163.com 1 éve
szülő
commit
83a10eafe6
4 módosított fájl, 60 hozzáadás és 27 törlés
  1. 1 1
      manpower/index3.html
  2. 3 3
      manpower/js/data3.js
  3. 28 0
      manpower/js/index2.js
  4. 28 23
      manpower/js/index3.js

+ 1 - 1
manpower/index3.html

@@ -138,7 +138,7 @@
                     <p>改革前在册职工数</p>
                   </div>
                   <div>
-                    <p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span></span></p>
+                    <p style="color:#17AC76"> {{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
                     <p>在册职工压缩数</p>
                   </div>
                 </div>

+ 3 - 3
manpower/js/data3.js

@@ -28,9 +28,9 @@ const data = {
       value3: '986',
     },
     {
-      value1: '13520',
-      value2: '2040',
-      value3: '16',
+      value1: '16',
+      value2: '13520',
+      value3: '2040',
     },
   ],
 }

+ 28 - 0
manpower/js/index2.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({
         type: 'value',
         max: 20,
@@ -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: {
@@ -557,6 +565,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= [
         {
           type: 'value',
@@ -647,6 +659,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= [
         {
           type: 'value',
@@ -768,6 +784,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: {
@@ -870,6 +890,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: {
@@ -1294,6 +1318,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 = [
         {
           type: 'value',

+ 28 - 23
manpower/js/index3.js

@@ -326,25 +326,6 @@ let app = new Vue({
               width: 2,
             },
             data: dataL4[0],
-            markLine: {
-              data: [
-                {
-                  name: '管理人员比值核定上限',
-                  yAxis: 15,
-                  lineStyle: {
-                    color: '#fff',
-                  },
-                  label: {
-                    formatter: '{b}',
-                    position: 'middle',
-                    color: '#fff',
-                  },
-                }
-              ],
-              label: {
-                distance: [20, 8],
-              },
-            },
           },
           {
             name: '管理人员数占总人数比值',
@@ -365,13 +346,37 @@ let app = new Vue({
               },
             },
             data: dataL4[1],
+            markLine: {
+              data: [
+                {
+                  name: '管理人员比值核定上限',
+                  yAxis: 15,
+                  lineStyle: {
+                    color: '#fff',
+                  },
+                  label: {
+                    formatter: '{b}',
+                    position: 'middle',
+                    color: '#fff',
+                  },
+                }
+              ],
+              label: {
+                distance: [20, 8],
+              },
+            },
           },
         ],
       }
       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',
         axisLine: {
           show: false,
@@ -671,7 +676,7 @@ let app = new Vue({
             markLine: {
               data: [
                 {
-                  name: '省属企业平均水平(万/人)',
+                  name: '省属企业平均水平',
                   yAxis: 50.13,
                   lineStyle: {
                     color: '#fff',
@@ -683,7 +688,7 @@ let app = new Vue({
                   },
                 },
                 {
-                  name: '央企平均水平(万/人)',
+                  name: '央企平均水平',
                   yAxis: 69.4,
                   lineStyle: {
                     color: '#fff',
@@ -773,7 +778,7 @@ let app = new Vue({
             markLine: {
               data: [
                 {
-                  name: '省属企业平均水平(万/人)',
+                  name: '省属企业平均水平',
                   yAxis: 67.09,
                   lineStyle: {
                     color: '#fff',
@@ -785,7 +790,7 @@ let app = new Vue({
                   },
                 },
                 {
-                  name: '央企平均水平(万/人)',
+                  name: '央企平均水平',
                   yAxis: 81,
                   lineStyle: {
                     color: '#fff',