|
|
@@ -4,6 +4,9 @@ let app = new Vue({
|
|
|
el: '#app',
|
|
|
data() {
|
|
|
return {
|
|
|
+ twinkle7: [],
|
|
|
+ twinkle8: [],
|
|
|
+ twinkleR6: [],
|
|
|
showTip: false,
|
|
|
showTip2: false,
|
|
|
tipNum: '',
|
|
|
@@ -19,6 +22,7 @@ let app = new Vue({
|
|
|
header: ['', '时间', '所属集团', '工作情况'],
|
|
|
headerBGC: '#05507b33',
|
|
|
oddRowBGC: '#69c0ff0f',
|
|
|
+ waitTime: '50000',
|
|
|
evenRowBGC: '',
|
|
|
headerHeight: '40',
|
|
|
columnWidth: [150, 150],
|
|
|
@@ -177,6 +181,30 @@ let app = new Vue({
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
+ beforeMount(){
|
|
|
+ dataL7[0].forEach((item,index) => {
|
|
|
+ if(dataL7[1][index] < 0 && dataL7[0][index] > 0){
|
|
|
+ let obj = {value:[companyList[index].name ,dataL7[0][index]],symbolSize:15 }
|
|
|
+ this.twinkle7.push(obj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // if (dataL8[1][params.dataIndex] < 0 && params.value > 0) {
|
|
|
+ dataL8[0].forEach((item,index) => {
|
|
|
+ if(dataL8[1][index] < 0 && dataL8[0][index] > 0){
|
|
|
+ let obj = {value:[companyList[index].name ,dataL8[0][index]],symbolSize:15 }
|
|
|
+ this.twinkle8.push(obj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // params.value > 0 && fjxdataL2[0][params.dataIndex] < 0
|
|
|
+ fjxdataL2[0].forEach((item,index) => {
|
|
|
+ if(fjxdataL2[1][index] > 0 && fjxdataL2[0][index] < 0){
|
|
|
+ let obj = {value:[companyList[index].name ,fjxdataL2[1][index]],symbolSize:15 }
|
|
|
+ this.twinkleR6.push(obj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ console.log(this.twinkleR6)
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.time = formatDate()
|
|
|
this.timer = setInterval(() => {
|
|
|
@@ -340,6 +368,25 @@ let app = new Vue({
|
|
|
name: '当前共享服务中心/事业部数',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '华阳新材'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
if (params.value > dataL2[1][params.dataIndex]) {
|
|
|
@@ -378,6 +425,25 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 8, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '华阳新材'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
//折线拐点标志的样式
|
|
|
color: '#fbe138',
|
|
|
@@ -531,6 +597,25 @@ let app = new Vue({
|
|
|
name: '六定改革前总部中层管理人数',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '云时代'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
@@ -551,6 +636,25 @@ let app = new Vue({
|
|
|
name: '当前总部中层管理人数',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '云时代'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
@@ -576,6 +680,25 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 8, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '云时代'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
//折线拐点标志的样式
|
|
|
color: '#fbe138',
|
|
|
@@ -614,6 +737,25 @@ let app = new Vue({
|
|
|
name: '各省属企业总人数',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '华阳新材' || data.name=='华舰体育'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
@@ -768,6 +910,7 @@ let app = new Vue({
|
|
|
},
|
|
|
initChartL7() {
|
|
|
let myChart = echarts.init(this.$refs['echartL7'])
|
|
|
+ let that = this
|
|
|
let option = {
|
|
|
..._.cloneDeep(this.commonOption),
|
|
|
color: ['#43ede3'],
|
|
|
@@ -780,6 +923,26 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 15, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ lineHeight: '30',
|
|
|
+ textStyle: {
|
|
|
+ color: '#43ede3',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '文旅集团'|| data.name== "大地控股" || data.name=='华舰体育'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
if (dataL7[1][params.dataIndex] < 0 && params.value > 0) {
|
|
|
@@ -803,7 +966,7 @@ let app = new Vue({
|
|
|
smooth: true, //平滑曲线显示
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
- symbolSize: 15, //标记的大小
|
|
|
+ symbolSize: 8, //标记的大小
|
|
|
smooth: false,
|
|
|
itemStyle: {
|
|
|
//折线拐点标志的样式
|
|
|
@@ -815,6 +978,26 @@ let app = new Vue({
|
|
|
},
|
|
|
data: dataL7[1],
|
|
|
},
|
|
|
+ {
|
|
|
+ type: 'effectScatter',
|
|
|
+ coordinateSystem: 'cartesian2d',
|
|
|
+ showEffectOn: 'render',
|
|
|
+ rippleEffect: {
|
|
|
+ period: 10,
|
|
|
+ scale: 4,
|
|
|
+ brushType: 'stroke'
|
|
|
+ },
|
|
|
+ hoverAnimation: true,
|
|
|
+ itemStyle: {
|
|
|
+ color: 'red'
|
|
|
+ },
|
|
|
+ lineStyle: {
|
|
|
+ color: '#43ede3',
|
|
|
+ width: 2,
|
|
|
+ },
|
|
|
+
|
|
|
+ data: that.twinkle7,
|
|
|
+ },
|
|
|
],
|
|
|
}
|
|
|
option.title.text = '人数变化和全员劳动生产率变化分析'
|
|
|
@@ -865,6 +1048,26 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 15, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'bottom',
|
|
|
+ lineHeight:'20',
|
|
|
+ textStyle: {
|
|
|
+ color: '#43ede3',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '文旅集团' || data.name=='大地控股'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
if (dataL8[1][params.dataIndex] < 0 && params.value > 0) {
|
|
|
@@ -888,6 +1091,26 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 15, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ lineHeight:'30',
|
|
|
+ textStyle: {
|
|
|
+ color: '#b889ea',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '文旅集团' || data.name=='大地控股'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
//折线拐点标志的样式
|
|
|
color: '#b889ea',
|
|
|
@@ -903,6 +1126,46 @@ let app = new Vue({
|
|
|
},
|
|
|
data: dataL8[1],
|
|
|
},
|
|
|
+ {
|
|
|
+ type: 'effectScatter',
|
|
|
+ coordinateSystem: 'cartesian2d',
|
|
|
+ showEffectOn: 'render',
|
|
|
+ rippleEffect: {
|
|
|
+ period: 10,
|
|
|
+ scale: 4,
|
|
|
+ brushType: 'stroke'
|
|
|
+ },
|
|
|
+ hoverAnimation: true,
|
|
|
+ itemStyle: {
|
|
|
+ color: 'red'
|
|
|
+ },
|
|
|
+ lineStyle: {
|
|
|
+ color: '#43ede3',
|
|
|
+ width: 2,
|
|
|
+ },
|
|
|
+
|
|
|
+ data: this.twinkle8,
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // type: 'effectScatter',
|
|
|
+ // coordinateSystem: 'cartesian2d',
|
|
|
+ // showEffectOn: 'render',
|
|
|
+ // rippleEffect: {
|
|
|
+ // period: 10,
|
|
|
+ // scale: 4,
|
|
|
+ // brushType: 'stroke'
|
|
|
+ // },
|
|
|
+ // hoverAnimation: true,
|
|
|
+ // itemStyle: {
|
|
|
+ // color: 'red'
|
|
|
+ // },
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#43ede3',
|
|
|
+ // width: 2,
|
|
|
+ // },
|
|
|
+
|
|
|
+ // data: that.twinkle,
|
|
|
+ // },
|
|
|
],
|
|
|
// tooltip: {
|
|
|
// trigger: 'axis',
|
|
|
@@ -930,6 +1193,25 @@ let app = new Vue({
|
|
|
name: '全员劳动生产率（万/人）',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '国际能源' || data.name == '汾酒集团'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
if (params.value < 0 && c1[1][params.dataIndex] < 0) {
|
|
|
@@ -950,6 +1232,22 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
+
|
|
|
+ // markPoint:{
|
|
|
+ // symbol: 'path://m 0,0 h 48 v 30 h -30 l -6,10 l -6,-10 h -6 z',
|
|
|
+ // symbolSize: '55',
|
|
|
+ // symbolOffset: ['25%',0],
|
|
|
+ // symbolKeepAspect:true,
|
|
|
+ // label:{
|
|
|
+ // show: true,
|
|
|
+ // fontSize:18,
|
|
|
+ // color: '#fff'
|
|
|
+ // },
|
|
|
+ // itemStyle: {
|
|
|
+ // color: 'rgba(38,48,59,0.6)'
|
|
|
+ // },
|
|
|
+ // data:[{value:'117.48', xAxis: '国际能源', yAxis: 127 },{value:'138.83', xAxis: '汾酒集团', yAxis: 148 }]
|
|
|
+ // },
|
|
|
markLine: {
|
|
|
data: [
|
|
|
{
|
|
|
@@ -1048,27 +1346,6 @@ let app = new Vue({
|
|
|
},
|
|
|
},
|
|
|
})
|
|
|
- // option.yAxis.push({
|
|
|
- // type: 'log',
|
|
|
- // min: -1,
|
|
|
- // logBase: 10,
|
|
|
- // axisLine: {
|
|
|
- // show: false,
|
|
|
- // },
|
|
|
- // splitLine: {
|
|
|
- // show: false,
|
|
|
- // },
|
|
|
- // axisLabel: {
|
|
|
- // show: true,
|
|
|
- // formatter: function(value) {
|
|
|
- // console.log(value,"value")
|
|
|
- // // return value === 1 ? 0 : value
|
|
|
- // },
|
|
|
- // textStyle: {
|
|
|
- // color: 'rgba(250,250,250,0.6)',
|
|
|
- // },
|
|
|
- // },
|
|
|
- // })
|
|
|
myChart.setOption(option)
|
|
|
// tools.loopShowTooltip(myChart, option, {
|
|
|
// nterval: 2000,
|
|
|
@@ -1085,6 +1362,25 @@ let app = new Vue({
|
|
|
name: '人工成本利润率',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '国际能源' || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
markLine: {
|
|
|
data: [
|
|
|
{
|
|
|
@@ -1386,6 +1682,25 @@ let app = new Vue({
|
|
|
name: '2022年利润(万）',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'bottom',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 14,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name=="国际能源" || data.name == '文旅集团' || data.name=='航产集团'||data.name == '华舰体育'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
@@ -1407,6 +1722,25 @@ let app = new Vue({
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
yAxisIndex: 1,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'right',
|
|
|
+ fontSize: 14,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name=="国际能源" || data.name == '文旅集团' || data.name=='航产集团'||data.name == '华舰体育'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
if (params.value > 0 && dataR3[0][params.dataIndex] < 0) {
|
|
|
@@ -1685,6 +2019,26 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 8, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '文旅集团'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
//折线拐点标志的样式
|
|
|
color: '#B889EA',
|
|
|
@@ -1708,6 +2062,26 @@ let app = new Vue({
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
symbolSize: 12, //标记的大小
|
|
|
smooth: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ lineHeight:'35',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontStyle: 'normal',
|
|
|
+ textAlign: 'left',
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ formatter: function(data) {
|
|
|
+ if(data.name == '文旅集团'){
|
|
|
+ return data.value
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
if (params.value > 0 && fjxdataL2[0][params.dataIndex] < 0) {
|
|
|
@@ -1732,6 +2106,26 @@ let app = new Vue({
|
|
|
},
|
|
|
data: fjxdataL2[1],
|
|
|
},
|
|
|
+ {
|
|
|
+ type: 'effectScatter',
|
|
|
+ coordinateSystem: 'cartesian2d',
|
|
|
+ showEffectOn: 'render',
|
|
|
+ rippleEffect: {
|
|
|
+ period: 10,
|
|
|
+ scale: 4,
|
|
|
+ brushType: 'stroke'
|
|
|
+ },
|
|
|
+ hoverAnimation: true,
|
|
|
+ itemStyle: {
|
|
|
+ color: 'yellow'
|
|
|
+ },
|
|
|
+ lineStyle: {
|
|
|
+ color: '#43ede3',
|
|
|
+ width: 2,
|
|
|
+ },
|
|
|
+
|
|
|
+ data: this.twinkleR6,
|
|
|
+ },
|
|
|
],
|
|
|
}
|
|
|
option.title.text = '各省属企业利润与薪酬变动情况'
|
unknown