|
@@ -4,6 +4,7 @@ let app = new Vue({
|
|
|
el: '#app',
|
|
el: '#app',
|
|
|
data () {
|
|
data () {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ time: '',
|
|
|
year: '2022',
|
|
year: '2022',
|
|
|
config1: {
|
|
config1: {
|
|
|
number: [100],
|
|
number: [100],
|
|
@@ -65,7 +66,7 @@ let app = new Vue({
|
|
|
top: '22%',
|
|
top: '22%',
|
|
|
right: '5%',
|
|
right: '5%',
|
|
|
left: '8%',
|
|
left: '8%',
|
|
|
- bottom: '20%',
|
|
|
|
|
|
|
+ bottom: '25%',
|
|
|
},
|
|
},
|
|
|
legend: {
|
|
legend: {
|
|
|
data: '',
|
|
data: '',
|
|
@@ -90,7 +91,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
axisLabel: {
|
|
axisLabel: {
|
|
|
show: true,
|
|
show: true,
|
|
|
- rotate: 50,
|
|
|
|
|
|
|
+ rotate: 15,
|
|
|
textStyle: {
|
|
textStyle: {
|
|
|
color: 'rgba(255,255,255,0.6)', //X轴文字颜色
|
|
color: 'rgba(255,255,255,0.6)', //X轴文字颜色
|
|
|
fontSize: 16,
|
|
fontSize: 16,
|
|
@@ -183,68 +184,11 @@ let app = new Vue({
|
|
|
let myChart = echarts.init(this.$refs['echartL1'])
|
|
let myChart = echarts.init(this.$refs['echartL1'])
|
|
|
let option = {
|
|
let option = {
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
-
|
|
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '全员劳动生产率',
|
|
|
|
|
|
|
+ name: '当前各二级企业本部机构数',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
- barWidth: 12,
|
|
|
|
|
- smooth: true, //平滑曲线显示
|
|
|
|
|
- showAllSymbol: true, //显示所有图形。
|
|
|
|
|
- symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
- symbolSize: 8, //标记的大小
|
|
|
|
|
- smooth: false,
|
|
|
|
|
- itemStyle: {
|
|
|
|
|
- //折线拐点标志的样式
|
|
|
|
|
- color: '#B889EA',
|
|
|
|
|
- borderColor: '#B889EA',
|
|
|
|
|
- width: 2,
|
|
|
|
|
- shadowColor: '#B889EA',
|
|
|
|
|
- shadowBlur: 4,
|
|
|
|
|
- },
|
|
|
|
|
- lineStyle: {
|
|
|
|
|
- color: '#B889EA',
|
|
|
|
|
- width: 2,
|
|
|
|
|
- },
|
|
|
|
|
- // data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
|
|
|
- data: c1[0],
|
|
|
|
|
- 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],
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- name: '全员劳动生产率同比',
|
|
|
|
|
- yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
|
|
|
|
|
- type: 'line',
|
|
|
|
|
|
|
+ barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
@@ -259,28 +203,18 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
|
|
|
|
|
- data: c1[1],
|
|
|
|
|
|
|
+ data: dataL1[0],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '全员劳动生产率'
|
|
|
|
|
- option.legend.data = ['全员劳动生产率同比', '全员劳动生产率']
|
|
|
|
|
- option.legend.show = true
|
|
|
|
|
|
|
+ option.title.text = '各二级企业本部机构数'
|
|
|
|
|
+ option.legend.data = ['当前各二级企业本部机构数']
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
- type: 'value',
|
|
|
|
|
- axisLine: {
|
|
|
|
|
- show: false,
|
|
|
|
|
- },
|
|
|
|
|
splitLine: {
|
|
splitLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
},
|
|
},
|
|
|
- axisLabel: {
|
|
|
|
|
- show: true,
|
|
|
|
|
- formatter: '{value} %',
|
|
|
|
|
- textStyle: {
|
|
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ axisLine: {
|
|
|
|
|
+ show: false,
|
|
|
},
|
|
},
|
|
|
})
|
|
})
|
|
|
myChart.setOption(option)
|
|
myChart.setOption(option)
|
|
@@ -291,30 +225,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
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,
|
|
|
|
|
- },
|
|
|
|
|
- data: dataL1[2],
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- name: '当前人工成本利润率',
|
|
|
|
|
|
|
+ name: '当前各二级企业所属架构数',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -322,7 +233,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
{
|
|
|
offset: 0,
|
|
offset: 0,
|
|
|
- color: '#43ede3',
|
|
|
|
|
|
|
+ color: '#69c0ff',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
@@ -331,12 +242,12 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: dataL1[0],
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ data: dataL2[0]
|
|
|
|
|
+ }
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各三级企业人工成本利润率'
|
|
|
|
|
- option.legend.data = ['当前人工成本利润率', '人工成本利润率同比变化']
|
|
|
|
|
|
|
+ option.title.text = '各二级企业所属架构数'
|
|
|
|
|
+ option.legend.data = ['当前各二级企业所属架构数']
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
|
show: false,
|
|
show: false,
|
|
@@ -354,7 +265,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '当前管理人员数',
|
|
|
|
|
|
|
+ name: '当前本部中层管理人数',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -373,33 +284,10 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
data: dataL3[0],
|
|
data: dataL3[0],
|
|
|
},
|
|
},
|
|
|
- {
|
|
|
|
|
- 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,
|
|
|
|
|
- },
|
|
|
|
|
- data: dataL3[1],
|
|
|
|
|
- },
|
|
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业管理人员数'
|
|
|
|
|
- option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
|
|
|
|
|
|
|
+ option.title.text = '各二级企业本部中层管理人数'
|
|
|
|
|
+ option.legend.data = ['当前本部中层管理人数']
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
type: 'value',
|
|
type: 'value',
|
|
|
axisLine: {
|
|
axisLine: {
|
|
@@ -408,13 +296,6 @@ let app = new Vue({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
},
|
|
},
|
|
|
- axisLabel: {
|
|
|
|
|
- show: true,
|
|
|
|
|
- formatter: '{value} %',
|
|
|
|
|
- textStyle: {
|
|
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
})
|
|
})
|
|
|
myChart.setOption(option)
|
|
myChart.setOption(option)
|
|
|
},
|
|
},
|
|
@@ -424,35 +305,57 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '六定改革前总部中层管理人数核定上限',
|
|
|
|
|
|
|
+ name: '当前管理人员数',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
- barWidth: 15,
|
|
|
|
|
|
|
+ barWidth: 12,
|
|
|
|
|
+ smooth: true, //平滑曲线显示
|
|
|
|
|
+ showAllSymbol: true, //显示所有图形。
|
|
|
|
|
+ symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
+ symbolSize: 8, //标记的大小
|
|
|
|
|
+ smooth: false,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
- normal: {
|
|
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: '#69c0ff',
|
|
|
|
|
|
|
+ //折线拐点标志的样式
|
|
|
|
|
+ color: '#B889EA',
|
|
|
|
|
+ borderColor: '#B889EA',
|
|
|
|
|
+ width: 2,
|
|
|
|
|
+ shadowColor: '#B889EA',
|
|
|
|
|
+ shadowBlur: 4,
|
|
|
|
|
+ },
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ color: '#B889EA',
|
|
|
|
|
+ width: 2,
|
|
|
|
|
+ },
|
|
|
|
|
+ data: dataL4[0],
|
|
|
|
|
+ markLine: {
|
|
|
|
|
+ data: [
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '管理人员比值核定上限',
|
|
|
|
|
+ yAxis: 15,
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ color: '#fff',
|
|
|
},
|
|
},
|
|
|
- {
|
|
|
|
|
- offset: 1,
|
|
|
|
|
- color: '#082550',
|
|
|
|
|
|
|
+ label: {
|
|
|
|
|
+ formatter: '{b}',
|
|
|
|
|
+ position: 'middle',
|
|
|
|
|
+ color: '#fff',
|
|
|
},
|
|
},
|
|
|
- ]),
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ ],
|
|
|
|
|
+ label: {
|
|
|
|
|
+ distance: [20, 8],
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: dataL4[0],
|
|
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: '当前总部中层管理人数核定上限',
|
|
|
|
|
- type: 'bar',
|
|
|
|
|
- barWidth: 15,
|
|
|
|
|
|
|
+ name: '管理人员数占总人数比值',
|
|
|
|
|
+ yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
|
|
|
|
|
+ type: 'line',
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
{
|
|
|
offset: 0,
|
|
offset: 0,
|
|
|
- color: '#6480f3',
|
|
|
|
|
|
|
+ color: '#69c0ff',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
@@ -465,16 +368,24 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业总部中层管理人数'
|
|
|
|
|
- option.legend.data = ['六定改革前总部中层管理人数核定上限', '当前总部中层管理人数核定上限']
|
|
|
|
|
|
|
+ option.title.text = '各二级企业管理人员数'
|
|
|
|
|
+ option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
- splitLine: {
|
|
|
|
|
|
|
+ type: 'value',
|
|
|
|
|
+ axisLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
},
|
|
},
|
|
|
- axisLine: {
|
|
|
|
|
|
|
+ splitLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
},
|
|
},
|
|
|
|
|
+ axisLabel: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{value} %',
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
})
|
|
})
|
|
|
myChart.setOption(option)
|
|
myChart.setOption(option)
|
|
|
},
|
|
},
|
|
@@ -484,7 +395,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '各省属企业总人数',
|
|
|
|
|
|
|
+ name: '各二级企业总人数',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -528,8 +439,8 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业总人数'
|
|
|
|
|
- option.legend.data = ['各省属企业总人数', '去年同期人数变化率']
|
|
|
|
|
|
|
+ option.title.text = '各二级企业总人数'
|
|
|
|
|
+ option.legend.data = ['各二级企业总人数', '去年同期人数变化率']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
type: 'value',
|
|
type: 'value',
|
|
@@ -538,14 +449,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
splitLine: {
|
|
splitLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
- },
|
|
|
|
|
- axisLabel: {
|
|
|
|
|
- show: true,
|
|
|
|
|
- formatter: '{value} %',
|
|
|
|
|
- textStyle: {
|
|
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ }
|
|
|
})
|
|
})
|
|
|
myChart.setOption(option)
|
|
myChart.setOption(option)
|
|
|
},
|
|
},
|
|
@@ -555,7 +459,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '总部员额数',
|
|
|
|
|
|
|
+ name: '本部员额数',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -575,30 +479,10 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
data: dataL6[0],
|
|
data: dataL6[0],
|
|
|
},
|
|
},
|
|
|
- {
|
|
|
|
|
- name: '总部员额数核定上限',
|
|
|
|
|
- type: 'line',
|
|
|
|
|
- barWidth: 15,
|
|
|
|
|
- itemStyle: {
|
|
|
|
|
- normal: {
|
|
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: '#fbe138',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- offset: 1,
|
|
|
|
|
- color: '#082550',
|
|
|
|
|
- },
|
|
|
|
|
- ]),
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- data: dataL6[1],
|
|
|
|
|
- },
|
|
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业总部员额数'
|
|
|
|
|
- option.legend.data = ['总部员额数', '总部员额数核定上限']
|
|
|
|
|
|
|
+ option.title.text = '各二级企业本部员额数'
|
|
|
|
|
+ option.legend.data = ['本部员额数']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
@@ -616,8 +500,8 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '当前全员劳动生产率（万/人）',
|
|
|
|
|
- type: 'bar',
|
|
|
|
|
|
|
+ name: '人数变化',
|
|
|
|
|
+ type: 'line',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
@@ -628,21 +512,21 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
|
- color: '#082550',
|
|
|
|
|
|
|
+ color: '#43ede3',
|
|
|
},
|
|
},
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- markLine: {
|
|
|
|
|
- data: [{ type: 'average', name: 'Avg' }],
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ // markLine: {
|
|
|
|
|
+ // data: [{ type: 'average', name: 'Avg' }],
|
|
|
|
|
+ // },
|
|
|
data: dataL7[0],
|
|
data: dataL7[0],
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: '劳动生产率同比变化',
|
|
|
|
|
|
|
+ name: '全员劳动生产率',
|
|
|
type: 'line',
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
- yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
|
|
|
|
|
|
|
+ yAxisIndex: 1,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
@@ -652,48 +536,17 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
|
- color: '#082550',
|
|
|
|
|
|
|
+ color: '#b889ea',
|
|
|
},
|
|
},
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- 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],
|
|
data: dataL7[1],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业全员劳动生产率'
|
|
|
|
|
- option.legend.data = ['当前全员劳动生产率（万/人）', '劳动生产率同比变化']
|
|
|
|
|
|
|
+ option.title.text = '人数变化和全员劳动生产率变化率分析'
|
|
|
|
|
+ option.legend.data = ['人数变化', '全员劳动生产率']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
type: 'value',
|
|
type: 'value',
|
|
@@ -719,28 +572,33 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '当前人工成本利润率',
|
|
|
|
|
- type: 'bar',
|
|
|
|
|
|
|
+ name: '人数变化',
|
|
|
|
|
+ type: 'line',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
{
|
|
|
offset: 0,
|
|
offset: 0,
|
|
|
- color: '#5e7ae9',
|
|
|
|
|
|
|
+ color: '#43ede3',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
|
- color: '#082550',
|
|
|
|
|
|
|
+ color: '#43ede3',
|
|
|
},
|
|
},
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
|
|
+ // markLine: {
|
|
|
|
|
+ // data: [{ type: 'average', name: 'Avg' }],
|
|
|
|
|
+ // },
|
|
|
data: dataL8[0],
|
|
data: dataL8[0],
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: '人工成本利润率同比变化',
|
|
|
|
|
|
|
+ name: '人工成本利润率',
|
|
|
type: 'line',
|
|
type: 'line',
|
|
|
|
|
+ barWidth: 15,
|
|
|
|
|
+ yAxisIndex: 1,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
@@ -750,7 +608,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
|
- color: '#082550',
|
|
|
|
|
|
|
+ color: '#b889ea',
|
|
|
},
|
|
},
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
@@ -759,16 +617,24 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业人工成本利润率'
|
|
|
|
|
- option.legend.data = ['当前人工成本利润率', '人工成本利润率同比变化']
|
|
|
|
|
|
|
+ option.title.text = '人数变化和人工利润率变化分析'
|
|
|
|
|
+ option.legend.data = ['人数变化', '人工成本利润率']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
- splitLine: {
|
|
|
|
|
|
|
+ type: 'value',
|
|
|
|
|
+ axisLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
},
|
|
},
|
|
|
- axisLine: {
|
|
|
|
|
|
|
+ splitLine: {
|
|
|
show: false,
|
|
show: false,
|
|
|
},
|
|
},
|
|
|
|
|
+ axisLabel: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{value} %',
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
})
|
|
})
|
|
|
myChart.setOption(option)
|
|
myChart.setOption(option)
|
|
|
},
|
|
},
|
|
@@ -801,7 +667,7 @@ let app = new Vue({
|
|
|
width: 2,
|
|
width: 2,
|
|
|
},
|
|
},
|
|
|
// data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
// data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
|
- data: c1[0],
|
|
|
|
|
|
|
+ data: dataC1[0],
|
|
|
markLine: {
|
|
markLine: {
|
|
|
data: [
|
|
data: [
|
|
|
{
|
|
{
|
|
@@ -833,7 +699,6 @@ let app = new Vue({
|
|
|
distance: [20, 8],
|
|
distance: [20, 8],
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '全员劳动生产率同比',
|
|
name: '全员劳动生产率同比',
|
|
@@ -854,7 +719,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
// data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
|
|
// data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
|
|
|
- data: c1[1],
|
|
|
|
|
|
|
+ data: dataC1[1],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
@@ -906,7 +771,7 @@ let app = new Vue({
|
|
|
width: 2,
|
|
width: 2,
|
|
|
},
|
|
},
|
|
|
// data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
// data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
|
- data: c2[0],
|
|
|
|
|
|
|
+ data: dataC2[0],
|
|
|
markLine: {
|
|
markLine: {
|
|
|
data: [
|
|
data: [
|
|
|
{
|
|
{
|
|
@@ -958,7 +823,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
// data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
|
|
// data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
|
|
|
- data: c2[1]
|
|
|
|
|
|
|
+ data: dataC2[1]
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
@@ -1027,7 +892,7 @@ let app = new Vue({
|
|
|
|
|
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '当前各省属企业招聘需求公示人次'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业招聘需求公告人次情况'
|
|
|
option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
|
|
option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
@@ -1087,10 +952,9 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
data: dataR2[1],
|
|
data: dataR2[1],
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '当前各省属企业录用结果公示人次'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业录用结果公示人次'
|
|
|
option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
|
|
option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
@@ -1152,7 +1016,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业年利润与"当年"招聘人数'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业年利润与招聘情况分析'
|
|
|
option.legend.data = ['2022年利润(万）', '2022年累计招聘数']
|
|
option.legend.data = ['2022年利润(万）', '2022年累计招聘数']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
@@ -1214,7 +1078,7 @@ let app = new Vue({
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业"退二进一"完成情况'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业"退二进一"完成情况'
|
|
|
option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
|
|
option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
@@ -1233,7 +1097,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '去年同期在岗职工平均薪酬',
|
|
|
|
|
|
|
+ name: '在岗职工平均薪酬',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -1241,7 +1105,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
{
|
|
|
offset: 0,
|
|
offset: 0,
|
|
|
- color: '#6682F5',
|
|
|
|
|
|
|
+ color: '#69c0ff',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
@@ -1250,10 +1114,10 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: fjxdataL1[0],
|
|
|
|
|
|
|
+ data: dataR5[0],
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: '在岗职工平均薪酬',
|
|
|
|
|
|
|
+ name: '去年同期在岗职工平均薪酬',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -1261,7 +1125,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
{
|
|
|
offset: 0,
|
|
offset: 0,
|
|
|
- color: '#69c0ff',
|
|
|
|
|
|
|
+ color: '#6682F5',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
offset: 1,
|
|
offset: 1,
|
|
@@ -1270,12 +1134,12 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: fjxdataL1[1],
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ data: dataR5[1],
|
|
|
|
|
+ }
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业在岗职工平均薪酬'
|
|
|
|
|
- option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
|
|
|
|
|
|
|
+ option.title.text = '各二级企业在岗职工平均薪酬'
|
|
|
|
|
+ option.legend.data = ['在岗职工平均薪酬', '去年同期在岗职工平均薪酬']
|
|
|
option.legend.show = true
|
|
option.legend.show = true
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
@@ -1312,9 +1176,8 @@ let app = new Vue({
|
|
|
color: '#B889EA',
|
|
color: '#B889EA',
|
|
|
width: 2,
|
|
width: 2,
|
|
|
},
|
|
},
|
|
|
- data: fjxdataL2[0],
|
|
|
|
|
|
|
+ data: dataR6[0],
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
{
|
|
{
|
|
|
name: '2022年薪酬累计涨幅率',
|
|
name: '2022年薪酬累计涨幅率',
|
|
|
type: 'line',
|
|
type: 'line',
|
|
@@ -1333,11 +1196,11 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: fjxdataL2[1],
|
|
|
|
|
|
|
+ data: dataR6[1],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业月利润与月薪酬变动情况'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业月利润与月薪酬变动情况'
|
|
|
option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
|
|
option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
@@ -1372,11 +1235,11 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: fjxdataL3[0],
|
|
|
|
|
|
|
+ data: dataR7[0],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业全员绩效考核'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业全员绩效考核'
|
|
|
// option.legend.data = ['劳动合同签约完成率', '目标值']
|
|
// option.legend.data = ['劳动合同签约完成率', '目标值']
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
@@ -1411,11 +1274,11 @@ let app = new Vue({
|
|
|
]),
|
|
]),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
- data: fjxdataL4[0],
|
|
|
|
|
|
|
+ data: dataR8[0],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
}
|
|
}
|
|
|
- option.title.text = '各省属企业任期制考核'
|
|
|
|
|
|
|
+ option.title.text = '各二级企业任期制考核'
|
|
|
option.yAxis.push({
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
splitLine: {
|
|
|
show: false,
|
|
show: false,
|
l1448442195@163.com