Przeglądaj źródła

右下侧四图

unknown 1 rok temu
rodzic
commit
45aece0cff
4 zmienionych plików z 95 dodań i 142 usunięć
  1. 1 0
      manpower/index.html
  2. 1 0
      manpower/js/data.js
  3. 16 0
      manpower/js/fjx.js
  4. 77 142
      manpower/js/index.js

+ 1 - 0
manpower/index.html

@@ -17,6 +17,7 @@
     <script src="./libs/lodash.min.js"></script>
     <script src="./js/request.js"></script>
     <script src="./js/data.js"></script>
+    <script src="./js/fjx.js"></script>
   </head>
   <body>
     <div id="app">

+ 1 - 0
manpower/js/data.js

@@ -63,3 +63,4 @@ const dataL5 = [
   [173826, 352494, 54039, 108985, 23512, 8484, 2430, 16357, 7351, 4452, 38863, 3242, 35183, 13285, 1937, 14733, 302, 1052],
   [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
 ]
+

+ 16 - 0
manpower/js/fjx.js

@@ -0,0 +1,16 @@
+const fjxdataL1 = [
+    [10226.85, 9429.80, 7604.59, 17031.45, 7766.82, 8136.27, 14014.79, 3988.28, 7380.63, 5391.49, 6583.80, 8483.91, 10743.01, 10065.77, 8277.90, 5706.48, 16517.72, 5255.80],
+    [10765.11, 9926.11, 8004.83, 17927.84, 8175.60, 8564.49, 14752.41, 4198.19, 7769.08, 5675.25, 6930.32, 8930.43, 11308.43, 10595.55, 8713.58, 6006.82, 17387.07, 5532.42],
+  ]
+  
+  const fjxdataL2 = [
+    [172, 89, 80, 117, 23, 38, 99, 30, 34, -524, 64, -160,31, 53, 2, 27, -20, 109],
+    [5.26, 5.21, 4.98, 5.27, 5.28, 5.26, 5.25, 5.26, 5.25, 5.27, 5.26, 5.27, 5.28, 5.26, 5.24, 5.25, 5.28, 4.98],
+  ]
+  
+  const fjxdataL3 = [
+    [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,100],
+  ]
+  const fjxdataL4 = [
+    [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,100],
+  ]

+ 77 - 142
manpower/js/index.js

@@ -1071,108 +1071,27 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '省属企业年利润增长率',
-            type: 'line',
-            yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
-            smooth: true, //平滑曲线显示
-            showAllSymbol: true, //显示所有图形。
-            symbol: 'circle', //标记的图形为实心圆
-            symbolSize: 8, //标记的大小
-            smooth: false,
-            itemStyle: {
-              //折线拐点标志的样式
-              color: '#fbe138',
-              borderColor: '#fbe138',
-              width: 2,
-              shadowColor: '#fbe138',
-              shadowBlur: 4,
-            },
-            lineStyle: {
-              color: '#fbe138',
-              width: 2,
-            },
-            areaStyle: {
-              //区域填充样式
-              normal: {
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: '#fbe138',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(0,0,0,0)',
-                    },
-                  ],
-                  false
-                ),
-              },
-            },
-            data: [60, 50, 40, 90, 30, 55, 40, 20, 50, 40, 40, 55, 40, 30, 50, 40, 35, 40],
-          },
-          {
-            name: '省属企业年薪酬增长率',
-            type: 'line',
-            smooth: true, //平滑曲线显示
-            showAllSymbol: true, //显示所有图形。
-            symbol: 'circle', //标记的图形为实心圆
-            symbolSize: 8, //标记的大小
-            smooth: false,
+            name: '去年同期在岗职工平均薪酬',
+            type: 'bar',
+            barWidth: 15,
             itemStyle: {
-              //折线拐点标志的样式
-              color: '#69C0FF',
-              borderColor: '#69C0FF',
-              width: 2,
-              shadowColor: '#69C0FF',
-              shadowBlur: 4,
-            },
-            lineStyle: {
-              color: '#69C0FF',
-              width: 2,
-            },
-            areaStyle: {
-              //区域填充样式
               normal: {
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: '#1DADFF',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(0,0,0,0)',
-                    },
-                  ],
-                  false
-                ),
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#6682F5',
+                  },
+                  {
+                    offset: 1,
+                    color: '#082550',
+                  },
+                ]),
               },
             },
-            data: [70, 60, 60, 80, 95, 70, 60, 90, 85, 70, 80, 90, 60, 80, 85, 70, 75, 90],
+            data: fjxdataL1[0],
           },
-        ],
-      }
-      option.title.text = '省属企业年利润涨幅率与年薪酬涨幅率对比'
-      option.legend.data = ['省属企业年利润增长率', '省属企业年薪酬增长率']
-      option.legend.show = true
-      myChart.setOption(option)
-    },
-    initChartR6() {
-      let myChart = echarts.init(this.$refs['echartR6'])
-      let option = {
-        ..._.cloneDeep(this.commonOption),
-        series: [
           {
-            name: '当前各省属下属企业数',
+            name: '在岗职工平均薪酬',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1189,30 +1108,30 @@ let app = new Vue({
                 ]),
               },
             },
-            data: [500, 900, 600, 800, 450, 700, 600, 800, 350, 700, 500, 900, 600, 500, 450, 100, 500, 900],
-          },
-          {
-            data: [500, 900, 600, 800, 450, 700, 600, 800, 350, 700, 500, 900, 600, 500, 450, 100, 500, 900],
-            type: 'pictorialBar',
-            barMaxWidth: '20',
-            symbolPosition: 'end',
-            symbol: 'image://' + barImg,
-            symbolOffset: ['0', '-25'],
-            symbolSize: [35, 35],
-            zlevel: 2,
+            data: fjxdataL1[1],
           },
         ],
       }
-      option.title.text = '当前各省属企业在岗职工平均薪酬'
+      option.title.text = '各省属企业在岗职工平均薪酬'
+      option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
+      option.legend.show = true
+      option.yAxis.push({
+        splitLine: {
+          show: false,
+        },
+        axisLine: {
+          show: false,
+        },
+      })
       myChart.setOption(option)
     },
-    initChartR7() {
-      let myChart = echarts.init(this.$refs['echartR7'])
+    initChartR6() {
+      let myChart = echarts.init(this.$refs['echartR6'])
       let option = {
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '目标值',
+            name: '2022年利润累计涨幅率',
             type: 'line',
             yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
             smooth: true, //平滑曲线显示
@@ -1232,11 +1151,12 @@ let app = new Vue({
               color: '#B889EA',
               width: 2,
             },
-            data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
+            data: fjxdataL2[0],
           },
+          
           {
-            name: '劳动合同签约完成率',
-            type: 'bar',
+            name: '2022年薪酬累计涨幅率',
+            type: 'line',
             barWidth: 15,
             itemStyle: {
               normal: {
@@ -1252,12 +1172,12 @@ let app = new Vue({
                 ]),
               },
             },
-            data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
+            data: fjxdataL2[1],
           },
         ],
       }
-      option.title.text = '当前省属企业劳动合同签约完成率'
-      option.legend.data = ['劳动合同签约完成率', '目标值']
+      option.title.text = '各省属企业月利润与月薪酬变动情况'
+      option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
       option.yAxis.push({
         splitLine: {
           show: false,
@@ -1268,36 +1188,52 @@ let app = new Vue({
       })
       myChart.setOption(option)
     },
-    initChartR8() {
-      let myChart = echarts.init(this.$refs['echartR8'])
+    initChartR7() {
+      let myChart = echarts.init(this.$refs['echartR7'])
       let option = {
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '目标值',
-            type: 'line',
-            yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
-            smooth: true, //平滑曲线显示
-            showAllSymbol: true, //显示所有图形。
-            symbol: 'circle', //标记的图形为实心圆
-            symbolSize: 8, //标记的大小
-            smooth: false,
+            name: '全员绩效考核完成率',
+            type: 'bar',
+            barWidth: 15,
             itemStyle: {
-              //折线拐点标志的样式
-              color: '#fbe138',
-              borderColor: '#fbe138',
-              width: 2,
-              shadowColor: '#fbe138',
-              shadowBlur: 4,
-            },
-            lineStyle: {
-              color: '#fbe138',
-              width: 2,
+              normal: {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#B889EA',
+                  },
+                  {
+                    offset: 1,
+                    color: '#082550',
+                  },
+                ]),
+              },
             },
-            data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
+            data: fjxdataL3[0],
           },
+        ],
+      }
+      option.title.text = '各省属企业全员绩效考核'
+      // option.legend.data = ['劳动合同签约完成率', '目标值']
+      option.yAxis.push({
+        splitLine: {
+          show: false,
+        },
+        axisLine: {
+          show: false,
+        },
+      })
+      myChart.setOption(option)
+    },
+    initChartR8() {
+      let myChart = echarts.init(this.$refs['echartR8'])
+      let option = {
+        ..._.cloneDeep(this.commonOption),
+        series: [
           {
-            name: '全员绩效考核',
+            name: '任期制考核完成率',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1314,12 +1250,11 @@ let app = new Vue({
                 ]),
               },
             },
-            data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
+            data: fjxdataL4[0],
           },
         ],
       }
-      option.title.text = '当前各省属企业全员绩效考核情况'
-      option.legend.data = ['全员绩效考核', '目标值']
+      option.title.text = '各省属企业任期制考核'
       option.yAxis.push({
         splitLine: {
           show: false,