瀏覽代碼

复原第七个图表

l1448442195@163.com 2 年之前
父節點
當前提交
49680f7af9
共有 1 個文件被更改,包括 24 次插入22 次删除
  1. 24 22
      manpower/js/index.js

+ 24 - 22
manpower/js/index.js

@@ -1211,27 +1211,30 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '2022年退出人数',
-            type: 'bar',
-            barWidth: 15,
+            name: '目标值',
+            type: 'line',
+            yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
+            smooth: true, //平滑曲线显示
+            showAllSymbol: true, //显示所有图形。
+            symbol: 'circle', //标记的图形为实心圆
+            symbolSize: 8, //标记的大小
+            smooth: false,
             itemStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#69c0ff',
-                  },
-                  {
-                    offset: 1,
-                    color: '#082550',
-                  },
-                ]),
-              },
+              //折线拐点标志的样式
+              color: '#B889EA',
+              borderColor: '#B889EA',
+              width: 2,
+              shadowColor: '#B889EA',
+              shadowBlur: 4,
             },
-            data: dataR4[0],
+            lineStyle: {
+              color: '#B889EA',
+              width: 2,
+            },
+            data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
           },
           {
-            name: '2022年累计招聘人数',
+            name: '劳动合同签约完成率',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1239,7 +1242,7 @@ let app = new Vue({
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#45DAD1',
+                    color: '#69C0FF',
                   },
                   {
                     offset: 1,
@@ -1248,13 +1251,12 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataR4[1],
+            data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
           },
         ],
       }
-      option.title.text = '各省属企业退二进一完成情况'
-      option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
-      option.legend.show = true
+      option.title.text = '当前省属企业劳动合同签约完成率'
+      option.legend.data = ['劳动合同签约完成率', '目标值']
       option.yAxis.push({
         splitLine: {
           show: false,