修改左侧

manpower/js/data.js

@@ -69,10 +69,10 @@ const dataL6 = [
   [400, 400, 400, 400, 200, 180, 50, 200, 200, 177, 170, 120, 200, 330, 80, 186, 100, 150],
 ]
 const dataL7 = [
-  [55.05, 46.82, 52.82, 61.2, 38.48, 30.64, 117.48, 27.09, 28.7, 14.27, 25.92, 12.6, 44.66, 138.83, 56.38, 26.42, 21.58, 17.18],
+  [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
   [34.0, 17.0, 23.0, 26, 2, 7, 2896, 24.0, 15.0, -33.0, 10.0, -38.0, 12.0, 43.0, -7.0, 6.0, 56.0, 121.0],
 ]
 const dataL8 = [
-  [80.16, 58.04, 115, 48.61, 26.9, 24.16, -8.02, 44.94, 17.05, -54.75, 25.66, -75.02, 67.99, 324.15, 149.79, 44.86, -142.59, 5.82],
+  [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
   [145.0, 88.0, 58.0, 70, 8, 33, 98, 21.0, 24.0, -470.0, 69.0, -185.0, 19.0, 33.0, -4.0, 27.0, 76.0, 107.0],
 ]

manpower/js/index.js

@@ -353,7 +353,7 @@ let app = new Vue({
           {
             name: '管理人员数占总人数比值',
             type: 'line',
-            yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
+            yAxisIndex: 1, 
             smooth: true, //平滑曲线显示
             showAllSymbol: true, //显示所有图形。
             symbol: 'circle', //标记的图形为实心圆
@@ -371,6 +371,26 @@ let app = new Vue({
               color: '#fbe138',
               width: 2,
             },
+            markLine: {
+              data: [
+                {
+                  name: '固定参考线',
+                  yAxis: 15,
+                  lineStyle: {
+                    color: '#fff',
+                  },
+                  label: {
+                    formatter: '{b}',
+                    position: 'middle',
+                    color: '#fff',
+                    fontSize: 16
+                  },
+                },
+              ],
+              label: {
+                distance: [20, 8],
+              },
+            },
             data: dataL3[1],
           },
         ],
@@ -399,6 +419,7 @@ let app = new Vue({
       }
       option.yAxis.push({
         type: 'value',
+        max: 15,
         axisLine: {
           show: false,
         },
@@ -421,7 +442,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '六定改革前总部中层管理人数核定上限',
+            name: '六定改革前总部中层管理人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -441,7 +462,7 @@ let app = new Vue({
             data: dataL4[0],
           },
           {
-            name: '当前总部中层管理人数核定上限',
+            name: '当前总部中层管理人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -463,7 +484,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '各省属企业总部中层管理人数'
-      option.legend.data = ['六定改革前总部中层管理人数核定上限', '当前总部中层管理人数核定上限']
+      option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数']
       option.legend.show = true
       option.yAxis.push({
         splitLine: {
@@ -633,7 +654,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '当前全员劳动生产率（万/人）',
+            name: '人数变化',
             type: 'line',
             barWidth: 15,
             itemStyle: {
@@ -650,13 +671,10 @@ let app = new Vue({
                 ]),
               },
             },
-            markLine: {
-              data: [{ type: 'average', name: 'Avg' }],
-            },
             data: dataL7[0],
           },
           {
-            name: '劳动生产率同比变化',
+            name: '全员劳动生产率',
             type: 'line',
             barWidth: 15,
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
@@ -674,44 +692,14 @@ let app = new Vue({
                 ]),
               },
             },
-            markLine: {
-              data: [
-                // {
-                //   name: '省属企业平均水平（万/人）',
-                //   yAxis: 50.13,
-                //   lineStyle: {
-                //     color: '#fff',
-                //   },
-                //   label: {
-                //     formatter: '{b}',
-                //     position: 'middle',
-                //     color: '#fff',
-                //   },
-                // },
-                // {
-                //   name: '央企平均水平（万/人）',
-                //   yAxis: 69.4,
-                //   lineStyle: {
-                //     color: '#fff',
-                //   },
-                //   label: {
-                //     formatter: '{b}',
-                //     position: 'middle',
-                //     color: '#fff',
-                //   },
-                // },
-              ],
-              label: {
-                distance: [20, 8],
-              },
-            },
             data: dataL7[1],
           },
         ],
       }
-      option.title.text = '各省属企业全员劳动生产率'
-      option.legend.data = ['当前全员劳动生产率（万/人）', '劳动生产率同比变化']
+      option.title.text = '人数变化和全员劳动生产率变化分析'
+      option.legend.data = ['人数变化', '全员劳动生产率']
       option.legend.show = true
+      // option.yAxis[0].axisLabel.formatter = '{value} %',
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -776,37 +764,10 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各省属企业人工成本利润率'
-      option.legend.data = ['当前人工成本利润率', '人工成本利润率同比变化']
+      option.title.text = '人数变化和人工成本利润率变化分析'
+      option.legend.data = ['人数变化','人工成本利润率']
       option.legend.show = true
-      // option.yAxis[0] = {
-      //   type: 'log',
-      //   min: 1,
-      //   logBase: 2,
-      //   axisLine: {
-      //     show: false,
-      //   },
-      //   splitLine: {
-      //     show: false,
-      //   },
-      //   axisLabel: {
-      //     show: true,
-      //     formatter: function(value) {
-      //       return value === 1 ? 0 : value
-      //     },
-      //     textStyle: {
-      //       color: 'rgba(250,250,250,0.6)',
-      //     },
-      //   },
-      // }
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.yAxis[0].axisLabel.formatter = '{value} %',
       console.log(option)
       myChart.setOption(option)
     },