1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347 |
- let barImg =
- 'data:image/png;base64,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'
- let app = new Vue({
- el: '#app',
- data () {
- return {
- twinkle7: [],
- twinkle8: [],
- twinkleR6: [],
- showTip: false,
- showTip2: false,
- showTip3: false,
- showTip4: false,
- titleShow:false,
- tipNum: '',
- tipData: tipData,
- titleData:titleData,
- time: '',
- year: '2022',
- config1: {
- number: [100],
- content: '{nt}个',
- },
- centerData: '',
- storageRecordConfig: {
- header: ['', '时间', '所属集团', '工作情况'],
- headerBGC: '#05507b33',
- oddRowBGC: '#69c0ff0f',
- waitTime: '50000',
- evenRowBGC: '',
- headerHeight: '40',
- columnWidth: [150, 150],
- rowNum: 4,
- align: ['right', 'center', 'center', 'center'],
- data: [
- // ['<span class="lightOut"><span class="light red"></span></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
- // ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年2月', '山西文旅', '不能按期完成序时进度'],
- // ['<span class="lightOut"><span class="light green"></span></span>', '2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
- // ['<span class="lightOut"><span class="light red"></span></span>', '2022年4月', '国际能源', '薪酬结果没有做到公开'],
- // ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
- // ['<span class="lightOut"><span class="light green"></span></span>', '2022年6月', '山西焦煤', '不能按期完成序时进度'],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.12.07 ', ' 山西焦煤 ', ' “退二进一”完成情况表现优秀 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.04 ', ' 山西焦煤 ', ' 总部机构压减成效明显 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.05 ', ' 晋能控股 ', ' 总部人员压减成效突出 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.06 ', ' 晋能控股 ', ' 中层管理人数改革成效显著 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.12.07 ', ' 晋能控股 ', ' 管理级次压缩成效明显 '],
- ['<span class="lightOut"><span class=" light red "></span></span>', ' 2023.01.08 ', ' 华阳新材 ', ' 六定未按要求下穿到全级次企业 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.11.07 ', ' 潞安化工 ', ' 全员劳动生产率提高明显 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.10 ', ' 建投集团 ', ' 深入开展中层管理人员竞聘上岗 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.11 ', ' 华舰体育 ', ' 集团人数增长速度较快 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.12 ', ' 华舰体育 ', ' 人员增速显著高于全员劳动生产率增速 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.09.07 ', ' 国际能源 ', ' 全员劳动生产率增速显著高于人员增速 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 山西焦煤 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 晋能控股 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 华阳新材 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 太重集团 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 国际能源 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 华远陆港 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 交控集团 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 云时代 ', ' 人工成本利润率增长且总人数下降 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2023.01.16 ', ' 文旅集团 ', ' 人工成本利润率显著降低 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2023.01.17 ', ' 航产集团 ', ' 人工成本利润率显著降低 '],
- ['<span class="lightOut"><span class=" light red "></span></span>', ' 2023.01.18 ', ' 大地控股 ', ' 中层管理人员任命不符合六定要求 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.11.07 ', ' 交控集团 ', ' “退二进一”完成情况表现优秀 '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.20 ', ' 太重集团 ', ' 开展管理人员末等调整和不胜任退出 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 华舰体育 ', ' 六定相关文件未按要求备案 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 文旅集团 ', ' 六定相关文件未按要求备案 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 水控集团 ', ' 六定相关文件未按要求备案 '],
- ],
- // data: [
- // ['<span style-"display:inline-block; width:15px;height:15px;border-radius:50%;background-color:green;"></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
- // ['2022年2月', '山西文旅', '不能按期完成序时进度'],
- // ['2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
- // ['2022年4月', '国际能源', '薪酬结果没有做到公开'],
- // ['2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
- // ['2022年6月', '山西焦煤', '不能按期完成序时进度'],
- // ],
- },
- storageRecordConfig2: {
- header: ['', '企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
- headerBGC: '#05507b33',
- oddRowBGC: '#05507b33',
- evenRowBGC: '',
- headerHeight: '40',
- columnWidth: [150, 150],
- rowNum: 4,
- align: ['center', 'center', 'center', 'center', 'center'],
- data: [
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 华新燃气 ', ' 本季度数据更新及时准确 ', ' 四季度 ', ' - '],
- ['<span class="lightOut"><span class=" light green "></span></span>', ' 云时代 ', ' 本季度数据更新及时准确 ', ' 四季度 ', ' '],
- ['<span class="lightOut"><span class=" light red "></span></span>', ' 大地控股 ', ' 六定长效机制情况未更新 ', ' 2022.12.01-12.31 ', ' 30 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 建设投资 ', ' 六定长效机制12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 交控集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 太重集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 水务集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 航产集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 华舰体育 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
- ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 六定长效机制情况数据更新错误 ', ' 2022.12.01-12.31 ', ' - '],
- ],
- },
- companyList: companyList,
- commonOption: {
- title: {
- text: 'xxx',
- x: 'center',
- y: '3%',
- textStyle: {
- color: '#69C0FF',
- fontSize: 24,
- },
- },
- tooltip: {
- trigger: 'axis',
- textStyle: { fontSize: 18 },
- axisPointer: {
- type: 'cross',
- label: {
- fontSize: 18,
- },
- },
- },
- grid: {
- top: '22%',
- right: '5%',
- left: '8%',
- bottom: '20%',
- },
- legend: {
- data: '',
- top: '12%',
- right: '5%',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- fontSize: 16,
- },
- },
- xAxis: {
- data: companyList.map(item => item.name),
- axisLine: {
- show: false, //隐藏X轴轴线
- lineStyle: {
- color: '#005094',
- width: 1,
- },
- },
- axisTick: {
- show: false, //隐藏X轴刻度
- },
- axisLabel: {
- show: true,
- rotate: 50,
- textStyle: {
- color: 'rgba(255,255,255,0.6)', //X轴文字颜色
- fontSize: 16,
- },
- },
- },
- yAxis: [
- {
- type: 'value',
- nameTextStyle: {
- color: '#ebf8ac',
- fontSize: 16,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- fontSize: 16,
- },
- },
- },
- ],
- },
- }
- },
- 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(() => {
- this.time = formatDate()
- }, 1000)
- this.centerData = data
- // 左侧图表
- this.initChartL1()
- this.initChartL2()
- this.initChartL3()
- this.initChartL4()
- this.initChartL5()
- this.initChartL6()
- this.initChartL7()
- this.initChartL8()
- // 中间图表
- this.initChartC1()
- this.initChartC2()
- // 右侧图表
- this.initChartR1()
- this.initChartR2()
- this.initChartR3()
- this.initChartR4()
- this.initChartR5()
- this.initChartR6()
- this.initChartR7()
- this.initChartR8()
- },
- beforeDestroy () {
- if (this.timer) {
- clearInterval(this.timer)
- }
- },
- methods: {
- handleTitleShow(){
- this.titleShow = true
- this.showTip = false
- this.showTip2 = false
- },
- showTipClose () {
- this.showTip = false
- this.showTip2 = false
- this.titleShow = false
- },
- handleShowTip (index, type) {
- if (type == 'analysis') {
- this.tipData = tipData.analysis
- } else {
- this.tipData = tipData.focus
- }
- this.showTip2 = false
- this.showTip = true
- this.titleShow = false
- this.tipNum = index
- },
- handleShowTip2 (index) {
- this.showTip = false
- this.showTip2 = true
- this.titleShow = false
- this.tipNum = index
- },
- handleGoPage (url) {
- if (url.length) {
- window.location.href = url
- }
- },
- numFormat (value) {
- if (!value) return '0'
- var intPart = Number(value).toFixed(0) // 获取整数部分
- var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
- var floatPart = '.00' // 预定义小数部分
- var value2Array = value.toString().split('.')
- // =2表示数据有小数位
- if (value2Array.length === 2) {
- floatPart = value2Array[1].toString() // 拿到小数部分
- if (floatPart.length === 1) {
- // 补0
- return intPartFormat + '.' + floatPart + '0'
- } else {
- return intPartFormat + '.' + floatPart
- }
- } else {
- return intPartFormat
- }
- },
- initChartL1 () {
- let myChart = echarts.init(this.$refs['echartL1'])
- let option = {
- ..._.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,
- },
- data: dataL1[2],
- },
- {
- name: '六定改革前总部机构数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#43ede3',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL1[0],
- },
- {
- name: '当前各省属企业总部机构数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL1[1],
- },
- ],
- // tooltip: {
- // trigger: 'item',
- // position: 'top'
- // },
- }
- option.title.text = '各省属企业总部机构数'
- option.legend.data = ['六定改革前总部机构数', '当前各省属企业总部机构数', '总部机构数核定上限']
- option.yAxis.push({
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- })
- myChart.setOption(option)
- },
- initChartL2 () {
- let myChart = echarts.init(this.$refs['echartL2'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- color: ['#69c0ff'],
- series: [
- {
- name: '当前共享服务中心/事业部数',
- type: 'bar',
- barWidth: 15,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#69c0ff',
- 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]) {
- return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: 'red',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ])
- } else {
- return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ])
- }
- },
- },
- data: dataL2[0],
- },
- {
- name: '共享服务中心/事业部核定上限',
- type: 'line',
- // yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 8, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#fbe138',
- fontStyle: 'normal',
- textAlign: 'left',
- fontSize: 16,
- },
- formatter: function (data) {
- if (data.name == '华阳新材') {
- return data.value
- } else {
- return ''
- }
- }
- }
- },
- itemStyle: {
- //折线拐点标志的样式
- color: '#fbe138',
- borderColor: '#fbe138',
- width: 2,
- shadowColor: '#fbe138',
- shadowBlur: 4,
- },
- lineStyle: {
- color: '#fbe138',
- width: 2,
- },
- data: dataL2[1],
- },
- ],
- }
- option.title.text = '各省属企业共享服务中心/事业部数'
- option.legend.data = ['当前共享服务中心/事业部数', '共享服务中心/事业部核定上限']
- option.yAxis.push({
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- })
- myChart.setOption(option)
- },
- initChartL3 () {
- let myChart = echarts.init(this.$refs['echartL3'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '当前管理人员数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#5e7ae9',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL3[0],
- },
- {
- name: '管理人员数占总人数比值',
- type: 'line',
- yAxisIndex: 1,
- 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,
- },
- markLine: {
- data: [
- {
- name: '管理人员数占总人数的合理比值线',
- yAxis: 15,
- lineStyle: {
- color: '#fff',
- },
- label: {
- formatter: '{b}',
- position: 'middle',
- color: '#fff',
- fontSize: 16,
- },
- },
- ],
- label: {
- distance: [20, 8],
- },
- },
- data: dataL3[1],
- },
- ],
- }
- option.title.text = '各省属企业管理人员数'
- option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
- option.yAxis[0] = {
- type: 'log',
- min: 1,
- logBase: 10,
- axisLine: {
- show: false,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLabel: {
- show: true,
- formatter: function (value) {
- return value === 1 ? 0 : value
- },
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- }
- option.yAxis.push({
- type: 'value',
- max: 15,
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- })
- option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
- myChart.setOption(option)
- },
- initChartL4 () {
- let myChart = echarts.init(this.$refs['echartL4'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '六定改革前总部中层管理人数',
- type: 'bar',
- barWidth: 15,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#69c0ff',
- 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, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL4[0],
- },
- {
- name: '当前总部中层管理人数',
- type: 'bar',
- barWidth: 15,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#6480f3',
- 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, [
- {
- offset: 0,
- color: '#6480f3',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL4[1],
- },
- {
- name: '总部中层管理人数核定上限',
- type: 'line',
- yAxisIndex: 1,
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 8, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#fbe138',
- fontStyle: 'normal',
- textAlign: 'left',
- fontSize: 16,
- },
- formatter: function (data) {
- if (data.name == '云时代') {
- return data.value
- } else {
- return ''
- }
- }
- }
- },
- itemStyle: {
- //折线拐点标志的样式
- color: '#fbe138',
- borderColor: '#fbe138',
- width: 2,
- shadowColor: '#fbe138',
- shadowBlur: 4,
- },
- lineStyle: {
- color: '#fbe138',
- width: 2,
- },
- data: dataL4[2],
- },
- ],
- }
- option.title.text = '各省属企业总部中层管理人数'
- option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数', '总部中层管理人数核定上限']
- option.legend.show = true
- option.yAxis.push({
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- })
- myChart.setOption(option)
- },
- initChartL5 () {
- let myChart = echarts.init(this.$refs['echartL5'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '各省属企业总人数',
- type: 'bar',
- barWidth: 15,
- label: {
- normal: {
- show: true,
- position: 'top',
- lineHeight: '25',
- textStyle: {
- color: '#69c0ff',
- 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, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL5[0],
- },
- {
- name: '去年同期人数变化率',
- type: 'line',
- yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 8, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- position: 'bottom',
- lineHeight: '25',
- 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',
- borderColor: '#b889ea',
- width: 2,
- shadowColor: '#b889ea',
- shadowBlur: 4,
- },
- lineStyle: {
- color: '#b889ea',
- width: 2,
- },
- data: dataL5[1],
- },
- ],
- }
- option.title.text = '各省属企业总人数'
- option.legend.data = ['各省属企业总人数', '去年同期人数变化率']
- option.legend.show = true
- option.yAxis[0] = {
- type: 'value',
- // type: 'log',
- min: 1,
- // logBase: 10,
- axisLine: {
- show: false,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLabel: {
- show: true,
- formatter: function (value) {
- return value === 1 ? 0 : value
- },
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- }
- option.yAxis.push({
- type: 'value',
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- })
- option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
- myChart.setOption(option)
- },
- initChartL6 () {
- let myChart = echarts.init(this.$refs['echartL6'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '总部员额数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#43ede3',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataL6[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: dataL6[1],
- },
- ],
- }
- option.title.text = '各省属企业总部员额数'
- option.legend.data = ['总部员额数', '总部员额数核定上限']
- option.legend.show = true
- option.yAxis.push({
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- })
- myChart.setOption(option)
- },
- initChartL7 () {
- let myChart = echarts.init(this.$refs['echartL7'])
- let that = this
- let option = {
- ..._.cloneDeep(this.commonOption),
- color: ['#43ede3'],
- series: [
- {
- name: '人数变化',
- type: 'line',
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 15, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- position: 'bottom',
- lineHeight: '35',
- 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) {
- return 'red'
- } else {
- return '#43ede3'
- }
- },
- },
- lineStyle: {
- color: '#43ede3',
- width: 2,
- },
- data: dataL7[0],
- },
- {
- name: '劳动生产率同比变化',
- type: 'line',
- yAxisIndex: 1,
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 8, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- position: 'top',
- lineHeight: '25',
- textStyle: {
- color: '#b889ea',
- fontStyle: 'normal',
- textAlign: 'left',
- fontSize: 16,
- },
- formatter: function (data) {
- if (data.name == '文旅集团' || data.name == "大地控股" || data.name == '华舰体育') {
- return data.value
- } else {
- return ''
- }
- }
- }
- },
- itemStyle: {
- //折线拐点标志的样式
- color: '#b889ea',
- borderColor: '#b889ea',
- width: 2,
- shadowColor: '#b889ea',
- shadowBlur: 4,
- },
- 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 = '人数变化和全员劳动生产率变化分析'
- option.legend.data = ['人数变化', '劳动生产率同比变化']
- option.legend.show = true
- option.yAxis[0].axisLabel.formatter = '{value} %'
- option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
- option.yAxis.push({
- type: 'value',
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- splitLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- },
- })
- myChart.setOption(option)
- },
- initChartL8 () {
- let myChart = echarts.init(this.$refs['echartL8'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- color: ['#43ede3'],
- series: [
- {
- name: '人数变化',
- type: 'line',
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- 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) {
- return 'red'
- } else {
- return '#43ede3'
- }
- },
- },
- lineStyle: {
- color: '#43ede3',
- width: 2,
- },
- data: dataL8[0],
- },
- {
- name: '人工成本利润率同比变化',
- type: 'line',
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- 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',
- borderColor: '#b889ea',
- width: 2,
- shadowColor: '#b889ea',
- shadowBlur: 4,
- },
- lineStyle: {
- color: '#b889ea',
- width: 2,
- },
- 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',
- // formatter(params){
- // console.log(params)
- // return params[0]
- // }
- // }
- }
- option.title.text = '人数变化和人工成本利润率变化分析'
- option.legend.data = ['人数变化', '人工成本利润率同比变化']
- option.legend.show = true
- option.yAxis[0].axisLabel.formatter = '{value} %'
- option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
- myChart.setOption(option)
- },
- // 中间图表---------------------------------------------开始
- initChartC1 () {
- let myChart = echarts.init(this.$refs['echartC1'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- color: ['#69c0ff'],
- series: [
- {
- name: '全员劳动生产率(万/人)',
- type: 'bar',
- barWidth: 15,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#69c0ff',
- 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) {
- return 'red'
- } else if (params.value < 0) {
- return 'yellow'
- } else {
- return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ])
- }
- },
- },
- // markPoint:{
- // symbolSize: 1,
- // symbolOffset: [0, '50%'],
- // label:{
- // show: true,
- // fontSize:18,
- // color: '#fff',
- // backgroundColor: 'rgba(38,48,59,0.6)',
- // borderColor: '#aaa',
- // borderWidth: 1,
- // borderRadius: 4,
- // padding: [4, 10],
- // lineHeight: 26,
- // position: 'top',
- // distance: 20,
- // // formatter: data =>{
- // // console.log('11',data)
- // // },
- // formatter: [
- // '{a|这段文本采用样式a}',
- // '这段用默认样式{x|这段用样式x}'
- // ].join('\n'),
- // rich: {
- // a: {
- // color: 'yellow',
- // lineHeight: 10
- // },
- // b: {
- // // backgroundColor: {
- // // image: './images/alert.png'
- // // },
- // height: 40
- // },
- // x: {
- // fontSize: 18,
- // borderColor: '#449933',
- // borderRadius: 4
- // },
- // }
- // },
- // // itemStyle: {
- // // color: 'rgba(38,48,59,0.6)'
- // // },
- // data:[{value:'117.48', xAxis: '国际能源', yAxis: 127 },{value:'138.83', xAxis: '汾酒集团', yAxis: 148 }]
- // },
- markLine: {
- data: [
- {
- name: '省属企业平均水平',
- yAxis: 50.13,
- lineStyle: {
- color: '#fff',
- },
- label: {
- formatter: '{b}',
- position: 'end',
- padding: [20, 100, 10, 10],
- fontSize: 16,
- color: '#fff',
- },
- },
- // {
- // name: '',
- // yAxis: 0,
- // lineStyle: {
- // color: '#fff',
- // },
- // label: {
- // formatter: '{b}',
- // position: 'end',
- // fontSize: 16,
- // color: '#fff',
- // },
- // },
- {
- name: '央企平均水平',
- yAxis: 69.4,
- lineStyle: {
- color: '#fff',
- },
- label: {
- formatter: '{b}',
- position: 'end',
- padding: [-4, 150, 10, 10],
- color: '#fff',
- fontSize: 16,
- },
- },
- ],
- label: {
- distance: [50, 0],
- },
- },
- data: c1[0],
- },
- {
- name: '全员劳动生产率同比',
- type: 'line',
- yAxisIndex: 1,
- 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,
- },
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#B889EA',
- fontStyle: 'normal',
- textAlign: 'left',
- fontSize: 16,
- },
- formatter: function (data) {
- if (data.name == '国际能源' || data.name == '汾酒集团') {
- return data.value + '%'
- } else {
- return ''
- }
- }
- }
- },
- // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
- data: c1[1],
- },
- ],
- }
- option.title.text = '各省属企业全员劳动生产率'
- // option.legend.data = [ '全员劳动生产率(万/人)','全员劳动生产率同比']
- option.legend.show = true
- option.grid.right = '15%'
- option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
- option.yAxis.push({
- type: 'value',
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- })
- myChart.setOption(option)
- // tools.loopShowTooltip(myChart, option, {
- // nterval: 2000,
- // loopSeries: true,
- // })
- },
- initChartC2 () {
- let myChart = echarts.init(this.$refs['echartC2'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- color: ['#69c0ff'],
- series: [
- {
- 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: [
- {
- name: '省属企业平均水平',
- yAxis: 67.09,
- lineStyle: {
- color: '#fff',
- },
- label: {
- formatter: '{b}',
- position: 'end',
- padding: [24, 100, 10, 10],
- fontSize: 16,
- color: '#fff',
- },
- },
- {
- name: '央企平均水平',
- yAxis: 81,
- lineStyle: {
- color: '#fff',
- },
- label: {
- formatter: '{b}',
- position: 'end',
- padding: [-24, 200, 10, 10],
- color: '#fff',
- fontSize: 16,
- },
- },
- ],
- label: {
- distance: [50, 0],
- },
- },
- itemStyle: {
- color: params => {
- if (params.value < 0 && c2[0][params.dataIndex] < 0) {
- return 'red'
- } else if (params.value < 0) {
- return 'yellow'
- } else {
- return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ])
- }
- },
- },
- data: c2[1],
- },
- {
- name: '人工成本利润率同比',
- type: 'line',
- yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 8, //标记的大小
- 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 == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
- return data.value + '%'
- } else {
- return ''
- }
- }
- }
- },
- itemStyle: {
- //折线拐点标志的样式
- color: '#B889EA',
- borderColor: '#B889EA',
- width: 2,
- shadowColor: '#B889EA',
- shadowBlur: 4,
- },
- lineStyle: {
- color: '#B889EA',
- width: 2,
- },
- data: c2[0],
- },
- ],
- }
- option.title.text = '各省属企业人工成本利润率'
- option.legend.show = true
- option.grid.right = '15%'
- option.yAxis[0].axisLabel.formatter = '{value} %'
- option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
- option.yAxis.push({
- type: 'value',
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- })
- myChart.setOption(option)
- // tools.loopShowTooltip(myChart, option, {
- // nterval: 2000,
- // loopSeries: true,
- // })
- },
- // 右侧图表---------------------------------------------开始
- initChartR1 () {
- let myChart = echarts.init(this.$refs['echartR1'])
- let commonOptions = this.commonOption
- commonOptions.yAxis[0].splitNumber = 2
- let dataTemp = []
- let dataTemp2 = []
- dataR1[0].forEach(item => {
- dataTemp.push(item + 1)
- })
- dataR1[1].forEach(item => {
- dataTemp2.push(item + 1)
- })
- let option = {
- ..._.cloneDeep(commonOptions),
- series: [
- {
- name: '招聘需求公告次数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataTemp,
- },
- {
- name: '招聘需求公告累计招聘人次',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#43ede3',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataTemp2,
- },
- ],
- }
- option.title.text = '各省属企业招聘需求公示人次'
- option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
- option.legend.show = true
- option.tooltip.formatter = function (value) {
- return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' + value[1].axisValue + ':' + (value[1].value - 1)
- }
- option.yAxis[0] = {
- type: 'log',
- min: 1,
- logBase: 10,
- axisLine: {
- show: false,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLabel: {
- show: true,
- formatter: function (value) {
- return value === 1 ? 0 : value
- },
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- }
- myChart.setOption(option)
- },
- initChartR2 () {
- let myChart = echarts.init(this.$refs['echartR2'])
- let commonOptions = this.commonOption
- commonOptions.yAxis[0].splitNumber = 2
- let dataTemp = []
- let dataTemp2 = []
- dataR2[0].forEach(item => {
- dataTemp.push(item + 1)
- })
- dataR2[1].forEach(item => {
- dataTemp2.push(item + 1)
- })
- let option = {
- ..._.cloneDeep(commonOptions),
- series: [
- {
- name: '录用结果公示次数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataTemp,
- },
- {
- name: '录用结果公示累计公示人数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#45DAD1',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataTemp2,
- },
- ],
- }
- option.title.text = '各省属企业录用结果公示人次'
- option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
- option.legend.show = true
- option.tooltip.formatter = function (value) {
- return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' + value[1].axisValue + ':' + (value[1].value - 1)
- }
- option.yAxis[0] = {
- type: 'log',
- min: 1,
- logBase: 10,
- axisLine: {
- show: false,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLabel: {
- show: true,
- formatter: function (value) {
- return value === 1 ? 0 : value
- },
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- }
- myChart.setOption(option)
- },
- initChartR3 () {
- let myChart = echarts.init(this.$refs['echartR3'])
- let commonOptions = this.commonOption
- commonOptions.yAxis[0].splitNumber = 2
- let option = {
- ..._.cloneDeep(commonOptions),
- color: ['#45DAD1'],
- series: [
- {
- name: '2022年利润(万)',
- type: 'bar',
- barWidth: 15,
- label: {
- normal: {
- show: true,
- position: 'bottom',
- textStyle: {
- color: '#69c0ff',
- 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, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataR3[0],
- },
- {
- name: '2022年累计招聘数',
- type: 'bar',
- barWidth: 15,
- yAxisIndex: 1,
- label: {
- normal: {
- show: true,
- position: 'top',
- textStyle: {
- color: '#45DAD1',
- 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) {
- return 'red'
- } else {
- return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#45DAD1',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ])
- }
- },
- },
- // itemStyle: {
- // normal: {
- // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- // {
- // offset: 0,
- // color: '#45DAD1',
- // },
- // {
- // offset: 1,
- // color: '#082550',
- // },
- // ]),
- // },
- // },
- data: dataR3[1],
- },
- ],
- }
- option.title.text = '各省属企业年利润与当年累计招聘人数'
- option.legend.data = ['2022年利润(万)', '2022年累计招聘数']
- option.legend.show = true
- option.yAxis[0] = {
- max: function (value) {
- if (Math.abs(value.max) > Math.abs(value.min)) {
- return (Math.abs(value.max) * 1.2).toFixed(2)
- } else {
- return (Math.abs(value.min) * 1.2).toFixed(2)
- }
- },
- min: function (value) {
- if (Math.abs(value.max) > Math.abs(value.min)) {
- return (-Math.abs(value.max) * 1.2).toFixed(2)
- } else {
- return (-Math.abs(value.min) * 1.2).toFixed(2)
- }
- },
- type: 'value',
- axisLine: {
- show: false,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- 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,
- },
- axisLabel: {
- show: true,
- formatter: '{value}',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- max: function (value) {
- if (Math.abs(value.max) > Math.abs(value.min)) {
- return (Math.abs(value.max) * 1.2).toFixed(2)
- } else {
- return (Math.abs(value.min) * 1.2).toFixed(2)
- }
- },
- min: function (value) {
- if (Math.abs(value.max) > Math.abs(value.min)) {
- return (-Math.abs(value.max) * 1.2).toFixed(2)
- } else {
- return (-Math.abs(value.min) * 1.2).toFixed(2)
- }
- },
- })
- myChart.setOption(option)
- },
- initChartR4 () {
- let myChart = echarts.init(this.$refs['echartR4'])
- let commonOptions = this.commonOption
- commonOptions.yAxis[0].splitNumber = 2
- let option = {
- ..._.cloneDeep(commonOptions),
- series: [
- {
- name: '2022年退出人数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataR4[0],
- },
- {
- name: '2022年累计招聘人数',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#45DAD1',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: dataR4[1],
- },
- ],
- }
- option.title.text = '各省属企业"退二进一"完成情况'
- option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
- option.legend.show = true
- option.yAxis[0] = {
- //type: 'log',
- //min: 1,
- //logBase: 3,
- axisLine: {
- show: false,
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLabel: {
- show: true,
- formatter: function (value) {
- return value === 1 ? 0 : value
- },
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- },
- }
- myChart.setOption(option)
- },
- initChartR5 () {
- let myChart = echarts.init(this.$refs['echartR5'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '去年同期在岗职工平均薪酬',
- type: 'bar',
- barWidth: 15,
- markLine: {
- data: [
- {
- name: '省属企业平均水平',
- yAxis: 9333.33,
- lineStyle: {
- color: '#fff',
- },
- label: {
- formatter: '{b}',
- position: 'middle',
- fontSize: 16,
- color: '#fff',
- },
- }
- ],
- label: {
- distance: [50, 0],
- },
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#6682F5',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: fjxdataL1[0],
- },
- {
- name: '在岗职工平均薪酬',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: fjxdataL1[1],
- },
- ],
- }
- option.title.text = '各省属企业在岗职工平均薪酬'
- option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
- option.legend.show = true
- option.yAxis.push({
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- })
- myChart.setOption(option)
- },
- initChartR6 () {
- let myChart = echarts.init(this.$refs['echartR6'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- color: ['#69c0ff'],
- series: [
- {
- name: '2022年利润累计涨幅率',
- type: 'line',
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 8, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- lineHeight: '20',
- position: 'top',
- textStyle: {
- color: '#B889EA',
- fontStyle: 'normal',
- textAlign: 'left',
- fontSize: 16,
- },
- formatter: function (data) {
- if (data.name == '文旅集团') {
- return data.value
- } else {
- return ''
- }
- }
- }
- },
- itemStyle: {
- //折线拐点标志的样式
- color: '#B889EA',
- borderColor: '#B889EA',
- width: 2,
- shadowColor: '#B889EA',
- shadowBlur: 4,
- },
- lineStyle: {
- color: '#B889EA',
- width: 2,
- },
- data: fjxdataL2[0],
- },
- {
- name: '2022年薪酬累计涨幅率',
- type: 'line',
- smooth: true, //平滑曲线显示
- showAllSymbol: true, //显示所有图形。
- symbol: 'circle', //标记的图形为实心圆
- symbolSize: 12, //标记的大小
- smooth: false,
- label: {
- normal: {
- show: true,
- position: 'top',
- lineHeight: '35',
- textStyle: {
- color: '#69c0ff',
- 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) {
- return 'yellow'
- } else {
- return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#69c0ff',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ])
- }
- },
- },
- lineStyle: {
- color: '#69C0FF',
- width: 2,
- },
- 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 = '各省属企业利润与薪酬变动情况'
- option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
- option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
- option.yAxis[0].axisLabel.formatter = '{value} %'
- myChart.setOption(option)
- },
- initChartR7 () {
- let myChart = echarts.init(this.$refs['echartR7'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '全员绩效考核完成率',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#B889EA',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: fjxdataL3[0],
- },
- ],
- }
- option.title.text = '各省属企业全员绩效考核'
- option.legend.show = true
- option.tooltip = {
- trigger: 'axis',
- formatter: '{a0}:{c0}' + '%'
- },
- option.yAxis[0].axisLabel = {
- show: true,
- formatter: '{value} %',
- textStyle: {
- color: 'rgba(250,250,250,0.6)',
- },
- }
- myChart.setOption(option)
- },
- initChartR8 () {
- let myChart = echarts.init(this.$refs['echartR8'])
- let option = {
- ..._.cloneDeep(this.commonOption),
- series: [
- {
- name: '任期制契约化完成率',
- type: 'bar',
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#43ede3',
- },
- {
- offset: 1,
- color: '#082550',
- },
- ]),
- },
- },
- data: fjxdataL4[0],
- },
- ],
- }
- option.title.text = '各省属企业任期制契约化管理'
- option.legend.show = true
- option.tooltip.formatter = '{a0}:{c0}' + '%'
- option.yAxis[0].axisLabel.formatter = '{value} %'
- myChart.setOption(option)
- },
- },
- })
|