index5.js 78 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343
  1. let barImg =
  2. 'data:image/png;base64,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'
  3. let app = new Vue({
  4. el: '#app',
  5. data () {
  6. return {
  7. twinkle7: [],
  8. twinkle8: [],
  9. twinkleR6: [],
  10. showTip: false,
  11. showTip2: false,
  12. showTip3: false,
  13. showTip4: false,
  14. tipNum: '',
  15. tipData: tipData,
  16. time: '',
  17. year: '2022',
  18. config1: {
  19. number: [100],
  20. content: '{nt}个',
  21. },
  22. centerData: '',
  23. storageRecordConfig: {
  24. header: ['', '时间', '所属集团', '工作情况'],
  25. headerBGC: '#05507b33',
  26. oddRowBGC: '#69c0ff0f',
  27. waitTime: '50000',
  28. evenRowBGC: '',
  29. headerHeight: '40',
  30. columnWidth: [150, 150],
  31. rowNum: 4,
  32. align: ['right', 'center', 'center', 'center'],
  33. data: [
  34. // ['<span class="lightOut"><span class="light red"></span></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
  35. // ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年2月', '山西文旅', '不能按期完成序时进度'],
  36. // ['<span class="lightOut"><span class="light green"></span></span>', '2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
  37. // ['<span class="lightOut"><span class="light red"></span></span>', '2022年4月', '国际能源', '薪酬结果没有做到公开'],
  38. // ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
  39. // ['<span class="lightOut"><span class="light green"></span></span>', '2022年6月', '山西焦煤', '不能按期完成序时进度'],
  40. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.12.07 ', ' 山西焦煤 ', ' “退二进一”完成情况表现优秀 '],
  41. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.04 ', ' 山西焦煤 ', ' 总部机构压减成效明显 '],
  42. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.05 ', ' 晋能控股 ', ' 总部人员压减成效突出 '],
  43. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.06 ', ' 晋能控股 ', ' 中层管理人数改革成效显著 '],
  44. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.12.07 ', ' 晋能控股 ', ' 管理级次压缩成效明显 '],
  45. ['<span class="lightOut"><span class=" light red "></span></span>', ' 2023.01.08 ', ' 华阳新材 ', ' 六定未按要求下穿到全级次企业 '],
  46. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.11.07 ', ' 潞安化工 ', ' 全员劳动生产率提高明显 '],
  47. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.10 ', ' 建投集团 ', ' 深入开展中层管理人员竞聘上岗 '],
  48. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.11 ', ' 华舰体育 ', ' 集团人数增长速度较快 '],
  49. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.12 ', ' 华舰体育 ', ' 人员增速显著高于全员劳动生产率增速 '],
  50. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.09.07 ', ' 国际能源 ', ' 全员劳动生产率增速显著高于人员增速 '],
  51. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 山西焦煤 ', ' 人工成本利润率增长且总人数下降 '],
  52. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 晋能控股 ', ' 人工成本利润率增长且总人数下降 '],
  53. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 华阳新材 ', ' 人工成本利润率增长且总人数下降 '],
  54. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 太重集团 ', ' 人工成本利润率增长且总人数下降 '],
  55. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 国际能源 ', ' 人工成本利润率增长且总人数下降 '],
  56. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 华远陆港 ', ' 人工成本利润率增长且总人数下降 '],
  57. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 交控集团 ', ' 人工成本利润率增长且总人数下降 '],
  58. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 云时代 ', ' 人工成本利润率增长且总人数下降 '],
  59. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2023.01.16 ', ' 文旅集团 ', ' 人工成本利润率显著降低 '],
  60. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2023.01.17 ', ' 航产集团 ', ' 人工成本利润率显著降低 '],
  61. ['<span class="lightOut"><span class=" light red "></span></span>', ' 2023.01.18 ', ' 大地控股 ', ' 中层管理人员任命不符合六定要求 '],
  62. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.11.07 ', ' 交控集团 ', ' “退二进一”完成情况表现优秀 '],
  63. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.20 ', ' 太重集团 ', ' 开展管理人员末等调整和不胜任退出 '],
  64. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 华舰体育 ', ' 六定相关文件未按要求备案 '],
  65. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 文旅集团 ', ' 六定相关文件未按要求备案 '],
  66. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 水控集团 ', ' 六定相关文件未按要求备案 '],
  67. ],
  68. // data: [
  69. // ['<span style-"display:inline-block; width:15px;height:15px;border-radius:50%;background-color:green;"></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
  70. // ['2022年2月', '山西文旅', '不能按期完成序时进度'],
  71. // ['2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
  72. // ['2022年4月', '国际能源', '薪酬结果没有做到公开'],
  73. // ['2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
  74. // ['2022年6月', '山西焦煤', '不能按期完成序时进度'],
  75. // ],
  76. },
  77. storageRecordConfig2: {
  78. header: ['', '企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
  79. headerBGC: '#05507b33',
  80. oddRowBGC: '#05507b33',
  81. evenRowBGC: '',
  82. headerHeight: '40',
  83. columnWidth: [150, 150],
  84. rowNum: 4,
  85. align: ['center', 'center', 'center', 'center', 'center'],
  86. data: [
  87. ['<span class="lightOut"><span class=" light green "></span></span>', ' 华新燃气 ', ' 本季度数据更新及时准确 ', ' 四季度 ', ' - '],
  88. ['<span class="lightOut"><span class=" light green "></span></span>', ' 云时代 ', ' 本季度数据更新及时准确 ', ' 四季度 ', ' '],
  89. ['<span class="lightOut"><span class=" light red "></span></span>', ' 大地控股 ', ' 六定长效机制情况未更新 ', ' 2022.12.01-12.31 ', ' 30 '],
  90. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 建设投资 ', ' 六定长效机制12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  91. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 交控集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  92. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 太重集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  93. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  94. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 水务集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  95. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 航产集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  96. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 华舰体育 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  97. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 六定长效机制情况数据更新错误 ', ' 2022.12.01-12.31 ', ' - '],
  98. ],
  99. },
  100. companyList: companyList,
  101. commonOption: {
  102. title: {
  103. text: 'xxx',
  104. x: 'center',
  105. y: '3%',
  106. textStyle: {
  107. color: '#69C0FF',
  108. fontSize: 24,
  109. },
  110. },
  111. tooltip: {
  112. trigger: 'axis',
  113. textStyle: { fontSize: 18 },
  114. axisPointer: {
  115. type: 'cross',
  116. label: {
  117. fontSize: 18,
  118. },
  119. },
  120. },
  121. grid: {
  122. top: '22%',
  123. right: '5%',
  124. left: '8%',
  125. bottom: '20%',
  126. },
  127. legend: {
  128. data: '',
  129. top: '12%',
  130. right: '5%',
  131. textStyle: {
  132. color: 'rgba(250,250,250,0.6)',
  133. fontSize: 16,
  134. },
  135. },
  136. xAxis: {
  137. data: companyList.map(item => item.name),
  138. axisLine: {
  139. show: false, //隐藏X轴轴线
  140. lineStyle: {
  141. color: '#005094',
  142. width: 1,
  143. },
  144. },
  145. axisTick: {
  146. show: false, //隐藏X轴刻度
  147. },
  148. axisLabel: {
  149. show: true,
  150. rotate: 50,
  151. textStyle: {
  152. color: 'rgba(255,255,255,0.6)', //X轴文字颜色
  153. fontSize: 16,
  154. },
  155. },
  156. },
  157. yAxis: [
  158. {
  159. type: 'value',
  160. nameTextStyle: {
  161. color: '#ebf8ac',
  162. fontSize: 16,
  163. },
  164. splitLine: {
  165. show: true,
  166. lineStyle: {
  167. color: '#68b4dd66',
  168. type: 'dashed',
  169. },
  170. },
  171. axisLine: {
  172. show: false,
  173. },
  174. axisLabel: {
  175. show: true,
  176. textStyle: {
  177. color: 'rgba(250,250,250,0.6)',
  178. fontSize: 16,
  179. },
  180. },
  181. },
  182. ],
  183. },
  184. }
  185. },
  186. beforeMount () {
  187. dataL7[0].forEach((item, index) => {
  188. if (dataL7[1][index] < 0 && dataL7[0][index] > 0) {
  189. let obj = { value: [companyList[index].name, dataL7[0][index]], symbolSize: 15 }
  190. this.twinkle7.push(obj)
  191. }
  192. })
  193. // if (dataL8[1][params.dataIndex] < 0 && params.value > 0) {
  194. dataL8[0].forEach((item, index) => {
  195. if (dataL8[1][index] < 0 && dataL8[0][index] > 0) {
  196. let obj = { value: [companyList[index].name, dataL8[0][index]], symbolSize: 15 }
  197. this.twinkle8.push(obj)
  198. }
  199. })
  200. // params.value > 0 && fjxdataL2[0][params.dataIndex] < 0
  201. fjxdataL2[0].forEach((item, index) => {
  202. if (fjxdataL2[1][index] > 0 && fjxdataL2[0][index] < 0) {
  203. let obj = { value: [companyList[index].name, fjxdataL2[1][index]], symbolSize: 15 }
  204. this.twinkleR6.push(obj)
  205. }
  206. })
  207. console.log(this.twinkleR6)
  208. },
  209. mounted () {
  210. this.time = formatDate()
  211. this.timer = setInterval(() => {
  212. this.time = formatDate()
  213. }, 1000)
  214. this.centerData = data
  215. // 左侧图表
  216. // this.initChartL1() // 左上
  217. this.initChartL2()
  218. // this.initChartL3() //左中
  219. this.initChartL4()
  220. // this.initChartL5() //左下
  221. // this.initChartL6() // 左下
  222. // this.initChartL7() //左下
  223. this.initChartL8()
  224. // 中间图表
  225. this.initChartC1()
  226. this.initChartC2()
  227. // 右侧图表
  228. // this.initChartR1() 右上
  229. // this.initChartR2()
  230. // this.initChartR3()
  231. this.initChartR4()
  232. this.initChartR5()
  233. this.initChartR6()
  234. this.initChartR7()
  235. this.initChartR8()
  236. },
  237. beforeDestroy () {
  238. if (this.timer) {
  239. clearInterval(this.timer)
  240. }
  241. },
  242. methods: {
  243. showTipClose () {
  244. this.showTip = false
  245. this.showTip2 = false
  246. },
  247. handleShowTip (index, type) {
  248. if (type == 'analysis') {
  249. this.tipData = tipData.analysis
  250. } else {
  251. this.tipData = tipData.focus
  252. }
  253. this.showTip2 = false
  254. this.showTip = true
  255. this.tipNum = index
  256. },
  257. handleShowTip2 (index) {
  258. this.showTip = false
  259. this.showTip2 = true
  260. this.tipNum = index
  261. },
  262. handleGoPage (url) {
  263. if (url.length) {
  264. window.location.href = url
  265. }
  266. },
  267. numFormat (value) {
  268. if (!value) return '0'
  269. var intPart = Number(value).toFixed(0) // 获取整数部分
  270. var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
  271. var floatPart = '.00' // 预定义小数部分
  272. var value2Array = value.toString().split('.')
  273. // =2表示数据有小数位
  274. if (value2Array.length === 2) {
  275. floatPart = value2Array[1].toString() // 拿到小数部分
  276. if (floatPart.length === 1) {
  277. // 补0
  278. return intPartFormat + '.' + floatPart + '0'
  279. } else {
  280. return intPartFormat + '.' + floatPart
  281. }
  282. } else {
  283. return intPartFormat
  284. }
  285. },
  286. initChartL1 () {
  287. let myChart = echarts.init(this.$refs['echartL1'])
  288. let option = {
  289. ..._.cloneDeep(this.commonOption),
  290. series: [
  291. {
  292. name: '总部机构数核定上限',
  293. type: 'line',
  294. // yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  295. smooth: true, //平滑曲线显示
  296. showAllSymbol: true, //显示所有图形。
  297. symbol: 'circle', //标记的图形为实心圆
  298. symbolSize: 8, //标记的大小
  299. smooth: false,
  300. itemStyle: {
  301. //折线拐点标志的样式
  302. color: '#fbe138',
  303. borderColor: '#fbe138',
  304. width: 2,
  305. shadowColor: '#fbe138',
  306. shadowBlur: 4,
  307. },
  308. lineStyle: {
  309. color: '#fbe138',
  310. width: 2,
  311. },
  312. data: dataL1[2],
  313. },
  314. {
  315. name: '六定改革前总部机构数',
  316. type: 'bar',
  317. barWidth: 15,
  318. itemStyle: {
  319. normal: {
  320. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  321. {
  322. offset: 0,
  323. color: '#43ede3',
  324. },
  325. {
  326. offset: 1,
  327. color: '#082550',
  328. },
  329. ]),
  330. },
  331. },
  332. data: dataL1[0],
  333. },
  334. {
  335. name: '当前各省属企业总部机构数',
  336. type: 'bar',
  337. barWidth: 15,
  338. itemStyle: {
  339. normal: {
  340. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  341. {
  342. offset: 0,
  343. color: '#69c0ff',
  344. },
  345. {
  346. offset: 1,
  347. color: '#082550',
  348. },
  349. ]),
  350. },
  351. },
  352. data: dataL1[1],
  353. },
  354. ],
  355. // tooltip: {
  356. // trigger: 'item',
  357. // position: 'top'
  358. // },
  359. }
  360. option.title.text = '各省属企业总部机构数'
  361. option.legend.data = ['六定改革前总部机构数', '当前各省属企业总部机构数', '总部机构数核定上限']
  362. option.yAxis.push({
  363. splitLine: {
  364. show: false,
  365. },
  366. axisLine: {
  367. show: false,
  368. },
  369. })
  370. myChart.setOption(option)
  371. },
  372. initChartL2 () {
  373. let myChart = echarts.init(this.$refs['echartL2'])
  374. let option = {
  375. ..._.cloneDeep(this.commonOption),
  376. color: ['#69c0ff'],
  377. series: [
  378. {
  379. name: '当前共享服务中心/事业部数',
  380. type: 'bar',
  381. barWidth: 15,
  382. label: {
  383. normal: {
  384. show: true,
  385. position: 'top',
  386. textStyle: {
  387. color: '#69c0ff',
  388. fontStyle: 'normal',
  389. textAlign: 'left',
  390. fontSize: 16,
  391. },
  392. formatter: function (data) {
  393. if (data.name == '华阳新材') {
  394. return data.value
  395. } else {
  396. return ''
  397. }
  398. }
  399. }
  400. },
  401. itemStyle: {
  402. color: params => {
  403. if (params.value > dataL2[1][params.dataIndex]) {
  404. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  405. {
  406. offset: 0,
  407. color: 'red',
  408. },
  409. {
  410. offset: 1,
  411. color: '#082550',
  412. },
  413. ])
  414. } else {
  415. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  416. {
  417. offset: 0,
  418. color: '#69c0ff',
  419. },
  420. {
  421. offset: 1,
  422. color: '#082550',
  423. },
  424. ])
  425. }
  426. },
  427. },
  428. data: dataL2[0],
  429. },
  430. {
  431. name: '共享服务中心/事业部核定上限',
  432. type: 'line',
  433. // yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  434. smooth: true, //平滑曲线显示
  435. showAllSymbol: true, //显示所有图形。
  436. symbol: 'circle', //标记的图形为实心圆
  437. symbolSize: 8, //标记的大小
  438. smooth: false,
  439. label: {
  440. normal: {
  441. show: true,
  442. position: 'top',
  443. textStyle: {
  444. color: '#fbe138',
  445. fontStyle: 'normal',
  446. textAlign: 'left',
  447. fontSize: 16,
  448. },
  449. formatter: function (data) {
  450. if (data.name == '华阳新材') {
  451. return data.value
  452. } else {
  453. return ''
  454. }
  455. }
  456. }
  457. },
  458. itemStyle: {
  459. //折线拐点标志的样式
  460. color: '#fbe138',
  461. borderColor: '#fbe138',
  462. width: 2,
  463. shadowColor: '#fbe138',
  464. shadowBlur: 4,
  465. },
  466. lineStyle: {
  467. color: '#fbe138',
  468. width: 2,
  469. },
  470. data: dataL2[1],
  471. },
  472. ],
  473. }
  474. option.title.text = '各省属企业共享服务中心/事业部数'
  475. option.legend.data = ['当前共享服务中心/事业部数', '共享服务中心/事业部核定上限']
  476. option.grid.right = '3%'
  477. option.grid.left = '3%'
  478. option.yAxis.push({
  479. splitLine: {
  480. show: false,
  481. },
  482. axisLine: {
  483. show: false,
  484. },
  485. })
  486. myChart.setOption(option)
  487. },
  488. initChartL3 () {
  489. let myChart = echarts.init(this.$refs['echartL3'])
  490. let option = {
  491. ..._.cloneDeep(this.commonOption),
  492. series: [
  493. {
  494. name: '当前管理人员数',
  495. type: 'bar',
  496. barWidth: 15,
  497. itemStyle: {
  498. normal: {
  499. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  500. {
  501. offset: 0,
  502. color: '#5e7ae9',
  503. },
  504. {
  505. offset: 1,
  506. color: '#082550',
  507. },
  508. ]),
  509. },
  510. },
  511. data: dataL3[0],
  512. },
  513. {
  514. name: '管理人员数占总人数比值',
  515. type: 'line',
  516. yAxisIndex: 1,
  517. smooth: true, //平滑曲线显示
  518. showAllSymbol: true, //显示所有图形。
  519. symbol: 'circle', //标记的图形为实心圆
  520. symbolSize: 8, //标记的大小
  521. smooth: false,
  522. itemStyle: {
  523. //折线拐点标志的样式
  524. color: '#fbe138',
  525. borderColor: '#fbe138',
  526. width: 2,
  527. shadowColor: '#fbe138',
  528. shadowBlur: 4,
  529. },
  530. lineStyle: {
  531. color: '#fbe138',
  532. width: 2,
  533. },
  534. markLine: {
  535. data: [
  536. {
  537. name: '管理人员数占总人数的合理比值线',
  538. yAxis: 15,
  539. lineStyle: {
  540. color: '#fff',
  541. },
  542. label: {
  543. formatter: '{b}',
  544. position: 'middle',
  545. color: '#fff',
  546. fontSize: 16,
  547. },
  548. },
  549. ],
  550. label: {
  551. distance: [20, 8],
  552. },
  553. },
  554. data: dataL3[1],
  555. },
  556. ],
  557. }
  558. option.title.text = '各省属企业管理人员数'
  559. option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
  560. option.yAxis[0] = {
  561. type: 'log',
  562. min: 1,
  563. logBase: 10,
  564. axisLine: {
  565. show: false,
  566. },
  567. splitLine: {
  568. show: true,
  569. lineStyle: {
  570. color: '#68b4dd66',
  571. type: 'dashed',
  572. },
  573. },
  574. axisLabel: {
  575. show: true,
  576. formatter: function (value) {
  577. return value === 1 ? 0 : value
  578. },
  579. textStyle: {
  580. color: 'rgba(250,250,250,0.6)',
  581. },
  582. },
  583. }
  584. option.yAxis.push({
  585. type: 'value',
  586. max: 15,
  587. axisLine: {
  588. show: false,
  589. },
  590. splitLine: {
  591. show: false,
  592. },
  593. axisLabel: {
  594. show: true,
  595. formatter: '{value} %',
  596. textStyle: {
  597. color: 'rgba(250,250,250,0.6)',
  598. },
  599. },
  600. })
  601. option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
  602. myChart.setOption(option)
  603. },
  604. initChartL4 () {
  605. let myChart = echarts.init(this.$refs['echartL4'])
  606. let option = {
  607. ..._.cloneDeep(this.commonOption),
  608. series: [
  609. {
  610. name: '六定改革前总部中层管理人数',
  611. type: 'bar',
  612. barWidth: 15,
  613. label: {
  614. normal: {
  615. show: true,
  616. position: 'top',
  617. textStyle: {
  618. color: '#69c0ff',
  619. fontStyle: 'normal',
  620. textAlign: 'left',
  621. fontSize: 16,
  622. },
  623. formatter: function (data) {
  624. if (data.name == '云时代') {
  625. return data.value
  626. } else {
  627. return ''
  628. }
  629. }
  630. }
  631. },
  632. itemStyle: {
  633. normal: {
  634. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  635. {
  636. offset: 0,
  637. color: '#69c0ff',
  638. },
  639. {
  640. offset: 1,
  641. color: '#082550',
  642. },
  643. ]),
  644. },
  645. },
  646. data: dataL4[0],
  647. },
  648. {
  649. name: '当前总部中层管理人数',
  650. type: 'bar',
  651. barWidth: 15,
  652. label: {
  653. normal: {
  654. show: true,
  655. position: 'top',
  656. textStyle: {
  657. color: '#6480f3',
  658. fontStyle: 'normal',
  659. textAlign: 'left',
  660. fontSize: 16,
  661. },
  662. formatter: function (data) {
  663. if (data.name == '云时代') {
  664. return data.value
  665. } else {
  666. return ''
  667. }
  668. }
  669. }
  670. },
  671. itemStyle: {
  672. normal: {
  673. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  674. {
  675. offset: 0,
  676. color: '#6480f3',
  677. },
  678. {
  679. offset: 1,
  680. color: '#082550',
  681. },
  682. ]),
  683. },
  684. },
  685. data: dataL4[1],
  686. },
  687. {
  688. name: '总部中层管理人数核定上限',
  689. type: 'line',
  690. yAxisIndex: 1,
  691. smooth: true, //平滑曲线显示
  692. showAllSymbol: true, //显示所有图形。
  693. symbol: 'circle', //标记的图形为实心圆
  694. symbolSize: 8, //标记的大小
  695. smooth: false,
  696. label: {
  697. normal: {
  698. show: true,
  699. position: 'top',
  700. textStyle: {
  701. color: '#fbe138',
  702. fontStyle: 'normal',
  703. textAlign: 'left',
  704. fontSize: 16,
  705. },
  706. formatter: function (data) {
  707. if (data.name == '云时代') {
  708. return data.value
  709. } else {
  710. return ''
  711. }
  712. }
  713. }
  714. },
  715. itemStyle: {
  716. //折线拐点标志的样式
  717. color: '#fbe138',
  718. borderColor: '#fbe138',
  719. width: 2,
  720. shadowColor: '#fbe138',
  721. shadowBlur: 4,
  722. },
  723. lineStyle: {
  724. color: '#fbe138',
  725. width: 2,
  726. },
  727. data: dataL4[2],
  728. },
  729. ],
  730. }
  731. option.title.text = '各省属企业总部中层管理人数'
  732. option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数', '总部中层管理人数核定上限']
  733. option.grid.right = '3%'
  734. option.grid.left = '3%'
  735. option.legend.show = true
  736. option.yAxis.push({
  737. splitLine: {
  738. show: false,
  739. },
  740. axisLine: {
  741. show: false,
  742. },
  743. })
  744. myChart.setOption(option)
  745. },
  746. initChartL5 () {
  747. let myChart = echarts.init(this.$refs['echartL5'])
  748. let option = {
  749. ..._.cloneDeep(this.commonOption),
  750. series: [
  751. {
  752. name: '各省属企业总人数',
  753. type: 'bar',
  754. barWidth: 15,
  755. label: {
  756. normal: {
  757. show: true,
  758. position: 'top',
  759. lineHeight: '25',
  760. textStyle: {
  761. color: '#69c0ff',
  762. fontStyle: 'normal',
  763. textAlign: 'left',
  764. fontSize: 16,
  765. },
  766. formatter: function (data) {
  767. if (data.name == '华阳新材' || data.name == '华舰体育') {
  768. return data.value
  769. } else {
  770. return ''
  771. }
  772. }
  773. }
  774. },
  775. itemStyle: {
  776. normal: {
  777. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  778. {
  779. offset: 0,
  780. color: '#69c0ff',
  781. },
  782. {
  783. offset: 1,
  784. color: '#082550',
  785. },
  786. ]),
  787. },
  788. },
  789. data: dataL5[0],
  790. },
  791. {
  792. name: '去年同期人数变化率',
  793. type: 'line',
  794. yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  795. smooth: true, //平滑曲线显示
  796. showAllSymbol: true, //显示所有图形。
  797. symbol: 'circle', //标记的图形为实心圆
  798. symbolSize: 8, //标记的大小
  799. smooth: false,
  800. label: {
  801. normal: {
  802. show: true,
  803. position: 'bottom',
  804. lineHeight: '25',
  805. textStyle: {
  806. color: '#b889ea',
  807. fontStyle: 'normal',
  808. textAlign: 'left',
  809. fontSize: 16,
  810. },
  811. formatter: function (data) {
  812. if (data.name == '华阳新材' || data.name == '华舰体育') {
  813. return data.value
  814. } else {
  815. return ''
  816. }
  817. }
  818. }
  819. },
  820. itemStyle: {
  821. //折线拐点标志的样式
  822. color: '#b889ea',
  823. borderColor: '#b889ea',
  824. width: 2,
  825. shadowColor: '#b889ea',
  826. shadowBlur: 4,
  827. },
  828. lineStyle: {
  829. color: '#b889ea',
  830. width: 2,
  831. },
  832. data: dataL5[1],
  833. },
  834. ],
  835. }
  836. option.title.text = '各省属企业总人数'
  837. option.legend.data = ['各省属企业总人数', '去年同期人数变化率']
  838. option.legend.show = true
  839. option.yAxis[0] = {
  840. type: 'value',
  841. // type: 'log',
  842. min: 1,
  843. // logBase: 10,
  844. axisLine: {
  845. show: false,
  846. },
  847. splitLine: {
  848. show: true,
  849. lineStyle: {
  850. color: '#68b4dd66',
  851. type: 'dashed',
  852. },
  853. },
  854. axisLabel: {
  855. show: true,
  856. formatter: function (value) {
  857. return value === 1 ? 0 : value
  858. },
  859. textStyle: {
  860. color: 'rgba(250,250,250,0.6)',
  861. },
  862. },
  863. }
  864. option.yAxis.push({
  865. type: 'value',
  866. axisLine: {
  867. show: false,
  868. },
  869. splitLine: {
  870. show: false,
  871. },
  872. axisLabel: {
  873. show: true,
  874. formatter: '{value} %',
  875. textStyle: {
  876. color: 'rgba(250,250,250,0.6)',
  877. },
  878. },
  879. })
  880. option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
  881. myChart.setOption(option)
  882. },
  883. initChartL6 () {
  884. let myChart = echarts.init(this.$refs['echartL6'])
  885. let option = {
  886. ..._.cloneDeep(this.commonOption),
  887. series: [
  888. {
  889. name: '总部员额数',
  890. type: 'bar',
  891. barWidth: 15,
  892. itemStyle: {
  893. normal: {
  894. barBorderRadius: [10, 10, 0, 0],
  895. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  896. {
  897. offset: 0,
  898. color: '#43ede3',
  899. },
  900. {
  901. offset: 1,
  902. color: '#082550',
  903. },
  904. ]),
  905. },
  906. },
  907. data: dataL6[0],
  908. },
  909. {
  910. name: '总部员额数核定上限',
  911. type: 'line',
  912. yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  913. smooth: true, //平滑曲线显示
  914. showAllSymbol: true, //显示所有图形。
  915. symbol: 'circle', //标记的图形为实心圆
  916. symbolSize: 8, //标记的大小
  917. smooth: false,
  918. itemStyle: {
  919. //折线拐点标志的样式
  920. color: '#fbe138',
  921. borderColor: '#fbe138',
  922. width: 2,
  923. shadowColor: '#fbe138',
  924. shadowBlur: 4,
  925. },
  926. lineStyle: {
  927. color: '#fbe138',
  928. width: 2,
  929. },
  930. data: dataL6[1],
  931. },
  932. ],
  933. }
  934. option.title.text = '各省属企业总部员额数'
  935. option.legend.data = ['总部员额数', '总部员额数核定上限']
  936. option.legend.show = true
  937. option.yAxis.push({
  938. splitLine: {
  939. show: false,
  940. },
  941. axisLine: {
  942. show: false,
  943. },
  944. })
  945. myChart.setOption(option)
  946. },
  947. initChartL7 () {
  948. let myChart = echarts.init(this.$refs['echartL7'])
  949. let that = this
  950. let option = {
  951. ..._.cloneDeep(this.commonOption),
  952. color: ['#43ede3'],
  953. series: [
  954. {
  955. name: '人数变化',
  956. type: 'line',
  957. smooth: true, //平滑曲线显示
  958. showAllSymbol: true, //显示所有图形。
  959. symbol: 'circle', //标记的图形为实心圆
  960. symbolSize: 15, //标记的大小
  961. smooth: false,
  962. label: {
  963. normal: {
  964. show: true,
  965. position: 'bottom',
  966. lineHeight: '35',
  967. textStyle: {
  968. color: '#43ede3',
  969. fontStyle: 'normal',
  970. textAlign: 'left',
  971. fontSize: 16,
  972. },
  973. formatter: function (data) {
  974. if (data.name == '文旅集团' || data.name == "大地控股" || data.name == '华舰体育') {
  975. return data.value
  976. } else {
  977. return ''
  978. }
  979. }
  980. }
  981. },
  982. itemStyle: {
  983. color: params => {
  984. if (dataL7[1][params.dataIndex] < 0 && params.value > 0) {
  985. return 'red'
  986. } else {
  987. return '#43ede3'
  988. }
  989. },
  990. },
  991. lineStyle: {
  992. color: '#43ede3',
  993. width: 2,
  994. },
  995. data: dataL7[0],
  996. },
  997. {
  998. name: '劳动生产率同比变化',
  999. type: 'line',
  1000. yAxisIndex: 1,
  1001. smooth: true, //平滑曲线显示
  1002. showAllSymbol: true, //显示所有图形。
  1003. symbol: 'circle', //标记的图形为实心圆
  1004. symbolSize: 8, //标记的大小
  1005. smooth: false,
  1006. label: {
  1007. normal: {
  1008. show: true,
  1009. position: 'top',
  1010. lineHeight: '25',
  1011. textStyle: {
  1012. color: '#b889ea',
  1013. fontStyle: 'normal',
  1014. textAlign: 'left',
  1015. fontSize: 16,
  1016. },
  1017. formatter: function (data) {
  1018. if (data.name == '文旅集团' || data.name == "大地控股" || data.name == '华舰体育') {
  1019. return data.value
  1020. } else {
  1021. return ''
  1022. }
  1023. }
  1024. }
  1025. },
  1026. itemStyle: {
  1027. //折线拐点标志的样式
  1028. color: '#b889ea',
  1029. borderColor: '#b889ea',
  1030. width: 2,
  1031. shadowColor: '#b889ea',
  1032. shadowBlur: 4,
  1033. },
  1034. data: dataL7[1],
  1035. },
  1036. {
  1037. type: 'effectScatter',
  1038. coordinateSystem: 'cartesian2d',
  1039. showEffectOn: 'render',
  1040. rippleEffect: {
  1041. period: 10,
  1042. scale: 4,
  1043. brushType: 'stroke'
  1044. },
  1045. hoverAnimation: true,
  1046. itemStyle: {
  1047. color: 'red'
  1048. },
  1049. lineStyle: {
  1050. color: '#43ede3',
  1051. width: 2,
  1052. },
  1053. data: that.twinkle7,
  1054. },
  1055. ],
  1056. }
  1057. option.title.text = '人数变化和全员劳动生产率变化分析'
  1058. option.legend.data = ['人数变化', '劳动生产率同比变化']
  1059. option.legend.show = true
  1060. option.yAxis[0].axisLabel.formatter = '{value} %'
  1061. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  1062. option.yAxis.push({
  1063. type: 'value',
  1064. axisLine: {
  1065. show: false,
  1066. },
  1067. splitLine: {
  1068. show: false,
  1069. },
  1070. axisLabel: {
  1071. show: true,
  1072. formatter: '{value} %',
  1073. textStyle: {
  1074. color: 'rgba(250,250,250,0.6)',
  1075. },
  1076. splitLine: {
  1077. show: false,
  1078. },
  1079. axisLabel: {
  1080. show: true,
  1081. formatter: '{value} %',
  1082. textStyle: {
  1083. color: 'rgba(250,250,250,0.6)',
  1084. },
  1085. },
  1086. },
  1087. })
  1088. myChart.setOption(option)
  1089. },
  1090. initChartL8 () {
  1091. let myChart = echarts.init(this.$refs['echartL8'])
  1092. let option = {
  1093. ..._.cloneDeep(this.commonOption),
  1094. color: ['#43ede3'],
  1095. series: [
  1096. {
  1097. name: '人数变化',
  1098. type: 'line',
  1099. smooth: true, //平滑曲线显示
  1100. showAllSymbol: true, //显示所有图形。
  1101. symbol: 'circle', //标记的图形为实心圆
  1102. symbolSize: 15, //标记的大小
  1103. smooth: false,
  1104. label: {
  1105. normal: {
  1106. show: true,
  1107. position: 'bottom',
  1108. lineHeight: '20',
  1109. textStyle: {
  1110. color: '#43ede3',
  1111. fontStyle: 'normal',
  1112. textAlign: 'left',
  1113. fontSize: 16,
  1114. },
  1115. formatter: function (data) {
  1116. if (data.name == '文旅集团' || data.name == '大地控股') {
  1117. return data.value
  1118. } else {
  1119. return ''
  1120. }
  1121. }
  1122. }
  1123. },
  1124. itemStyle: {
  1125. color: params => {
  1126. if (dataL8[1][params.dataIndex] < 0 && params.value > 0) {
  1127. return 'red'
  1128. } else {
  1129. return '#43ede3'
  1130. }
  1131. },
  1132. },
  1133. lineStyle: {
  1134. color: '#43ede3',
  1135. width: 2,
  1136. },
  1137. data: dataL8[0],
  1138. },
  1139. {
  1140. name: '人工成本利润率同比变化',
  1141. type: 'line',
  1142. smooth: true, //平滑曲线显示
  1143. showAllSymbol: true, //显示所有图形。
  1144. symbol: 'circle', //标记的图形为实心圆
  1145. symbolSize: 15, //标记的大小
  1146. smooth: false,
  1147. label: {
  1148. normal: {
  1149. show: true,
  1150. position: 'top',
  1151. lineHeight: '30',
  1152. textStyle: {
  1153. color: '#b889ea',
  1154. fontStyle: 'normal',
  1155. textAlign: 'left',
  1156. fontSize: 16,
  1157. },
  1158. formatter: function (data) {
  1159. if (data.name == '文旅集团' || data.name == '大地控股') {
  1160. return data.value
  1161. } else {
  1162. return ''
  1163. }
  1164. }
  1165. }
  1166. },
  1167. itemStyle: {
  1168. //折线拐点标志的样式
  1169. color: '#b889ea',
  1170. borderColor: '#b889ea',
  1171. width: 2,
  1172. shadowColor: '#b889ea',
  1173. shadowBlur: 4,
  1174. },
  1175. lineStyle: {
  1176. color: '#b889ea',
  1177. width: 2,
  1178. },
  1179. data: dataL8[1],
  1180. },
  1181. {
  1182. type: 'effectScatter',
  1183. coordinateSystem: 'cartesian2d',
  1184. showEffectOn: 'render',
  1185. rippleEffect: {
  1186. period: 10,
  1187. scale: 4,
  1188. brushType: 'stroke'
  1189. },
  1190. hoverAnimation: true,
  1191. itemStyle: {
  1192. color: 'red'
  1193. },
  1194. lineStyle: {
  1195. color: '#43ede3',
  1196. width: 2,
  1197. },
  1198. data: this.twinkle8,
  1199. },
  1200. // {
  1201. // type: 'effectScatter',
  1202. // coordinateSystem: 'cartesian2d',
  1203. // showEffectOn: 'render',
  1204. // rippleEffect: {
  1205. // period: 10,
  1206. // scale: 4,
  1207. // brushType: 'stroke'
  1208. // },
  1209. // hoverAnimation: true,
  1210. // itemStyle: {
  1211. // color: 'red'
  1212. // },
  1213. // lineStyle: {
  1214. // color: '#43ede3',
  1215. // width: 2,
  1216. // },
  1217. // data: that.twinkle,
  1218. // },
  1219. ],
  1220. // tooltip: {
  1221. // trigger: 'axis',
  1222. // formatter(params){
  1223. // console.log(params)
  1224. // return params[0]
  1225. // }
  1226. // }
  1227. }
  1228. option.title.text = '人数变化和人工成本利润率变化分析'
  1229. option.legend.data = ['人数变化', '人工成本利润率同比变化']
  1230. option.grid.right = '3%'
  1231. option.grid.left = '3%'
  1232. option.legend.show = true
  1233. option.yAxis[0].axisLabel.formatter = '{value} %'
  1234. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  1235. myChart.setOption(option)
  1236. },
  1237. // 中间图表---------------------------------------------开始
  1238. initChartC1 () {
  1239. let myChart = echarts.init(this.$refs['echartC1'])
  1240. let option = {
  1241. ..._.cloneDeep(this.commonOption),
  1242. color: ['#69c0ff'],
  1243. series: [
  1244. {
  1245. name: '全员劳动生产率(万/人)',
  1246. type: 'bar',
  1247. barWidth: 15,
  1248. label: {
  1249. normal: {
  1250. show: true,
  1251. position: 'top',
  1252. textStyle: {
  1253. color: '#69c0ff',
  1254. fontStyle: 'normal',
  1255. textAlign: 'left',
  1256. fontSize: 16,
  1257. },
  1258. formatter: function (data) {
  1259. if (data.name == '国际能源' || data.name == '汾酒集团') {
  1260. return data.value
  1261. } else {
  1262. return ''
  1263. }
  1264. }
  1265. }
  1266. },
  1267. itemStyle: {
  1268. color: params => {
  1269. if (params.value < 0 && c1[1][params.dataIndex] < 0) {
  1270. return 'red'
  1271. } else if (params.value < 0) {
  1272. return 'yellow'
  1273. } else {
  1274. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1275. {
  1276. offset: 0,
  1277. color: '#69c0ff',
  1278. },
  1279. {
  1280. offset: 1,
  1281. color: '#082550',
  1282. },
  1283. ])
  1284. }
  1285. },
  1286. },
  1287. // markPoint:{
  1288. // symbolSize: 1,
  1289. // symbolOffset: [0, '50%'],
  1290. // label:{
  1291. // show: true,
  1292. // fontSize:18,
  1293. // color: '#fff',
  1294. // backgroundColor: 'rgba(38,48,59,0.6)',
  1295. // borderColor: '#aaa',
  1296. // borderWidth: 1,
  1297. // borderRadius: 4,
  1298. // padding: [4, 10],
  1299. // lineHeight: 26,
  1300. // position: 'top',
  1301. // distance: 20,
  1302. // // formatter: data =>{
  1303. // // console.log('11',data)
  1304. // // },
  1305. // formatter: [
  1306. // '{a|这段文本采用样式a}',
  1307. // '这段用默认样式{x|这段用样式x}'
  1308. // ].join('\n'),
  1309. // rich: {
  1310. // a: {
  1311. // color: 'yellow',
  1312. // lineHeight: 10
  1313. // },
  1314. // b: {
  1315. // // backgroundColor: {
  1316. // // image: './images/alert.png'
  1317. // // },
  1318. // height: 40
  1319. // },
  1320. // x: {
  1321. // fontSize: 18,
  1322. // borderColor: '#449933',
  1323. // borderRadius: 4
  1324. // },
  1325. // }
  1326. // },
  1327. // // itemStyle: {
  1328. // // color: 'rgba(38,48,59,0.6)'
  1329. // // },
  1330. // data:[{value:'117.48', xAxis: '国际能源', yAxis: 127 },{value:'138.83', xAxis: '汾酒集团', yAxis: 148 }]
  1331. // },
  1332. markLine: {
  1333. data: [
  1334. {
  1335. name: '省属企业平均水平',
  1336. yAxis: 50.13,
  1337. lineStyle: {
  1338. color: '#fff',
  1339. },
  1340. label: {
  1341. formatter: '{b}',
  1342. position: 'end',
  1343. padding: [20, 100, 10, 10],
  1344. fontSize: 16,
  1345. color: '#fff',
  1346. },
  1347. },
  1348. // {
  1349. // name: '',
  1350. // yAxis: 0,
  1351. // lineStyle: {
  1352. // color: '#fff',
  1353. // },
  1354. // label: {
  1355. // formatter: '{b}',
  1356. // position: 'end',
  1357. // fontSize: 16,
  1358. // color: '#fff',
  1359. // },
  1360. // },
  1361. {
  1362. name: '央企平均水平',
  1363. yAxis: 69.4,
  1364. lineStyle: {
  1365. color: '#fff',
  1366. },
  1367. label: {
  1368. formatter: '{b}',
  1369. position: 'end',
  1370. padding: [-4, 150, 10, 10],
  1371. color: '#fff',
  1372. fontSize: 16,
  1373. },
  1374. },
  1375. ],
  1376. label: {
  1377. distance: [50, 0],
  1378. },
  1379. },
  1380. data: c1[0],
  1381. },
  1382. {
  1383. name: '全员劳动生产率同比',
  1384. type: 'line',
  1385. yAxisIndex: 1,
  1386. smooth: true, //平滑曲线显示
  1387. showAllSymbol: true, //显示所有图形。
  1388. symbol: 'circle', //标记的图形为实心圆
  1389. symbolSize: 8, //标记的大小
  1390. smooth: false,
  1391. itemStyle: {
  1392. //折线拐点标志的样式
  1393. color: '#B889EA',
  1394. borderColor: '#B889EA',
  1395. width: 2,
  1396. shadowColor: '#B889EA',
  1397. shadowBlur: 4,
  1398. },
  1399. lineStyle: {
  1400. color: '#B889EA',
  1401. width: 2,
  1402. },
  1403. label: {
  1404. normal: {
  1405. show: true,
  1406. position: 'top',
  1407. textStyle: {
  1408. color: '#B889EA',
  1409. fontStyle: 'normal',
  1410. textAlign: 'left',
  1411. fontSize: 16,
  1412. },
  1413. formatter: function (data) {
  1414. if (data.name == '国际能源' || data.name == '汾酒集团') {
  1415. return data.value + '%'
  1416. } else {
  1417. return ''
  1418. }
  1419. }
  1420. }
  1421. },
  1422. // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
  1423. data: c1[1],
  1424. },
  1425. ],
  1426. }
  1427. option.title.text = '各省属企业全员劳动生产率'
  1428. // option.legend.data = [ '全员劳动生产率(万/人)','全员劳动生产率同比']
  1429. option.legend.show = true
  1430. option.grid.right = '15%'
  1431. option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
  1432. option.yAxis.push({
  1433. type: 'value',
  1434. axisLine: {
  1435. show: false,
  1436. },
  1437. splitLine: {
  1438. show: false,
  1439. },
  1440. axisLabel: {
  1441. show: true,
  1442. formatter: '{value} %',
  1443. textStyle: {
  1444. color: 'rgba(250,250,250,0.6)',
  1445. },
  1446. },
  1447. })
  1448. myChart.setOption(option)
  1449. // tools.loopShowTooltip(myChart, option, {
  1450. // nterval: 2000,
  1451. // loopSeries: true,
  1452. // })
  1453. },
  1454. initChartC2 () {
  1455. let myChart = echarts.init(this.$refs['echartC2'])
  1456. let option = {
  1457. ..._.cloneDeep(this.commonOption),
  1458. color: ['#69c0ff'],
  1459. series: [
  1460. {
  1461. name: '人工成本利润率',
  1462. type: 'bar',
  1463. barWidth: 15,
  1464. label: {
  1465. normal: {
  1466. show: true,
  1467. position: 'top',
  1468. textStyle: {
  1469. color: '#fff',
  1470. fontStyle: 'normal',
  1471. textAlign: 'left',
  1472. fontSize: 16,
  1473. },
  1474. formatter: function (data) {
  1475. if (data.name == '国际能源' || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1476. return data.value
  1477. } else {
  1478. return ''
  1479. }
  1480. }
  1481. }
  1482. },
  1483. markLine: {
  1484. data: [
  1485. {
  1486. name: '省属企业平均水平',
  1487. yAxis: 67.09,
  1488. lineStyle: {
  1489. color: '#fff',
  1490. },
  1491. label: {
  1492. formatter: '{b}',
  1493. position: 'end',
  1494. padding: [24, 100, 10, 10],
  1495. fontSize: 16,
  1496. color: '#fff',
  1497. },
  1498. },
  1499. {
  1500. name: '央企平均水平',
  1501. yAxis: 81,
  1502. lineStyle: {
  1503. color: '#fff',
  1504. },
  1505. label: {
  1506. formatter: '{b}',
  1507. position: 'end',
  1508. padding: [-24, 200, 10, 10],
  1509. color: '#fff',
  1510. fontSize: 16,
  1511. },
  1512. },
  1513. ],
  1514. label: {
  1515. distance: [50, 0],
  1516. },
  1517. },
  1518. itemStyle: {
  1519. color: params => {
  1520. if (params.value < 0 && c2[0][params.dataIndex] < 0) {
  1521. return 'red'
  1522. } else if (params.value < 0) {
  1523. return 'yellow'
  1524. } else {
  1525. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1526. {
  1527. offset: 0,
  1528. color: '#69c0ff',
  1529. },
  1530. {
  1531. offset: 1,
  1532. color: '#082550',
  1533. },
  1534. ])
  1535. }
  1536. },
  1537. },
  1538. data: c2[1],
  1539. },
  1540. {
  1541. name: '人工成本利润率同比',
  1542. type: 'line',
  1543. yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  1544. smooth: true, //平滑曲线显示
  1545. showAllSymbol: true, //显示所有图形。
  1546. symbol: 'circle', //标记的图形为实心圆
  1547. symbolSize: 8, //标记的大小
  1548. smooth: false,
  1549. label: {
  1550. normal: {
  1551. show: true,
  1552. position: 'top',
  1553. lineHeight: '30',
  1554. textStyle: {
  1555. color: '#b889ea',
  1556. fontStyle: 'normal',
  1557. textAlign: 'left',
  1558. fontSize: 16,
  1559. },
  1560. formatter: function (data) {
  1561. if (data.name == '国际能源' || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1562. return data.value + '%'
  1563. } else {
  1564. return ''
  1565. }
  1566. }
  1567. }
  1568. },
  1569. itemStyle: {
  1570. //折线拐点标志的样式
  1571. color: '#B889EA',
  1572. borderColor: '#B889EA',
  1573. width: 2,
  1574. shadowColor: '#B889EA',
  1575. shadowBlur: 4,
  1576. },
  1577. lineStyle: {
  1578. color: '#B889EA',
  1579. width: 2,
  1580. },
  1581. data: c2[0],
  1582. },
  1583. ],
  1584. }
  1585. option.title.text = '各省属企业人工成本利润率'
  1586. option.legend.show = true
  1587. option.grid.right = '15%'
  1588. option.yAxis[0].axisLabel.formatter = '{value} %'
  1589. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  1590. option.yAxis.push({
  1591. type: 'value',
  1592. axisLine: {
  1593. show: false,
  1594. },
  1595. splitLine: {
  1596. show: false,
  1597. },
  1598. axisLabel: {
  1599. show: true,
  1600. formatter: '{value} %',
  1601. textStyle: {
  1602. color: 'rgba(250,250,250,0.6)',
  1603. },
  1604. },
  1605. })
  1606. myChart.setOption(option)
  1607. // tools.loopShowTooltip(myChart, option, {
  1608. // nterval: 2000,
  1609. // loopSeries: true,
  1610. // })
  1611. },
  1612. // 右侧图表---------------------------------------------开始
  1613. initChartR1 () {
  1614. let myChart = echarts.init(this.$refs['echartR1'])
  1615. let commonOptions = this.commonOption
  1616. commonOptions.yAxis[0].splitNumber = 2
  1617. let dataTemp = []
  1618. let dataTemp2 = []
  1619. dataR1[0].forEach(item => {
  1620. dataTemp.push(item + 1)
  1621. })
  1622. dataR1[1].forEach(item => {
  1623. dataTemp2.push(item + 1)
  1624. })
  1625. let option = {
  1626. ..._.cloneDeep(commonOptions),
  1627. series: [
  1628. {
  1629. name: '招聘需求公告次数',
  1630. type: 'bar',
  1631. barWidth: 15,
  1632. itemStyle: {
  1633. normal: {
  1634. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1635. {
  1636. offset: 0,
  1637. color: '#69c0ff',
  1638. },
  1639. {
  1640. offset: 1,
  1641. color: '#082550',
  1642. },
  1643. ]),
  1644. },
  1645. },
  1646. data: dataTemp,
  1647. },
  1648. {
  1649. name: '招聘需求公告累计招聘人次',
  1650. type: 'bar',
  1651. barWidth: 15,
  1652. itemStyle: {
  1653. normal: {
  1654. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1655. {
  1656. offset: 0,
  1657. color: '#43ede3',
  1658. },
  1659. {
  1660. offset: 1,
  1661. color: '#082550',
  1662. },
  1663. ]),
  1664. },
  1665. },
  1666. data: dataTemp2,
  1667. },
  1668. ],
  1669. }
  1670. option.title.text = '各省属企业招聘需求公示人次'
  1671. option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
  1672. option.legend.show = true
  1673. option.tooltip.formatter = function (value) {
  1674. return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' + value[1].axisValue + ':' + (value[1].value - 1)
  1675. }
  1676. option.yAxis[0] = {
  1677. type: 'log',
  1678. min: 1,
  1679. logBase: 10,
  1680. axisLine: {
  1681. show: false,
  1682. },
  1683. splitLine: {
  1684. show: true,
  1685. lineStyle: {
  1686. color: '#68b4dd66',
  1687. type: 'dashed',
  1688. },
  1689. },
  1690. axisLabel: {
  1691. show: true,
  1692. formatter: function (value) {
  1693. return value === 1 ? 0 : value
  1694. },
  1695. textStyle: {
  1696. color: 'rgba(250,250,250,0.6)',
  1697. },
  1698. },
  1699. }
  1700. myChart.setOption(option)
  1701. },
  1702. initChartR2 () {
  1703. let myChart = echarts.init(this.$refs['echartR2'])
  1704. let commonOptions = this.commonOption
  1705. commonOptions.yAxis[0].splitNumber = 2
  1706. let dataTemp = []
  1707. let dataTemp2 = []
  1708. dataR2[0].forEach(item => {
  1709. dataTemp.push(item + 1)
  1710. })
  1711. dataR2[1].forEach(item => {
  1712. dataTemp2.push(item + 1)
  1713. })
  1714. let option = {
  1715. ..._.cloneDeep(commonOptions),
  1716. series: [
  1717. {
  1718. name: '录用结果公示次数',
  1719. type: 'bar',
  1720. barWidth: 15,
  1721. itemStyle: {
  1722. normal: {
  1723. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1724. {
  1725. offset: 0,
  1726. color: '#69c0ff',
  1727. },
  1728. {
  1729. offset: 1,
  1730. color: '#082550',
  1731. },
  1732. ]),
  1733. },
  1734. },
  1735. data: dataTemp,
  1736. },
  1737. {
  1738. name: '录用结果公示累计公示人数',
  1739. type: 'bar',
  1740. barWidth: 15,
  1741. itemStyle: {
  1742. normal: {
  1743. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1744. {
  1745. offset: 0,
  1746. color: '#45DAD1',
  1747. },
  1748. {
  1749. offset: 1,
  1750. color: '#082550',
  1751. },
  1752. ]),
  1753. },
  1754. },
  1755. data: dataTemp2,
  1756. },
  1757. ],
  1758. }
  1759. option.title.text = '各省属企业录用结果公示人次'
  1760. option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
  1761. option.legend.show = true
  1762. option.tooltip.formatter = function (value) {
  1763. return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' + value[1].axisValue + ':' + (value[1].value - 1)
  1764. }
  1765. option.yAxis[0] = {
  1766. type: 'log',
  1767. min: 1,
  1768. logBase: 10,
  1769. axisLine: {
  1770. show: false,
  1771. },
  1772. splitLine: {
  1773. show: true,
  1774. lineStyle: {
  1775. color: '#68b4dd66',
  1776. type: 'dashed',
  1777. },
  1778. },
  1779. axisLabel: {
  1780. show: true,
  1781. formatter: function (value) {
  1782. return value === 1 ? 0 : value
  1783. },
  1784. textStyle: {
  1785. color: 'rgba(250,250,250,0.6)',
  1786. },
  1787. },
  1788. }
  1789. myChart.setOption(option)
  1790. },
  1791. initChartR3 () {
  1792. let myChart = echarts.init(this.$refs['echartR3'])
  1793. let commonOptions = this.commonOption
  1794. commonOptions.yAxis[0].splitNumber = 2
  1795. let option = {
  1796. ..._.cloneDeep(commonOptions),
  1797. color: ['#45DAD1'],
  1798. series: [
  1799. {
  1800. name: '2022年利润(万)',
  1801. type: 'bar',
  1802. barWidth: 15,
  1803. label: {
  1804. normal: {
  1805. show: true,
  1806. position: 'bottom',
  1807. textStyle: {
  1808. color: '#69c0ff',
  1809. fontStyle: 'normal',
  1810. textAlign: 'left',
  1811. fontSize: 14,
  1812. },
  1813. formatter: function (data) {
  1814. if (data.name == "国际能源" || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1815. return data.value
  1816. } else {
  1817. return ''
  1818. }
  1819. }
  1820. }
  1821. },
  1822. itemStyle: {
  1823. normal: {
  1824. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1825. {
  1826. offset: 0,
  1827. color: '#69c0ff',
  1828. },
  1829. {
  1830. offset: 1,
  1831. color: '#082550',
  1832. },
  1833. ]),
  1834. },
  1835. },
  1836. data: dataR3[0],
  1837. },
  1838. {
  1839. name: '2022年累计招聘数',
  1840. type: 'bar',
  1841. barWidth: 15,
  1842. yAxisIndex: 1,
  1843. label: {
  1844. normal: {
  1845. show: true,
  1846. position: 'top',
  1847. textStyle: {
  1848. color: '#45DAD1',
  1849. fontStyle: 'normal',
  1850. textAlign: 'right',
  1851. fontSize: 14,
  1852. },
  1853. formatter: function (data) {
  1854. if (data.name == "国际能源" || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1855. return data.value
  1856. } else {
  1857. return ''
  1858. }
  1859. }
  1860. }
  1861. },
  1862. itemStyle: {
  1863. color: params => {
  1864. if (params.value > 0 && dataR3[0][params.dataIndex] < 0) {
  1865. return 'red'
  1866. } else {
  1867. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1868. {
  1869. offset: 0,
  1870. color: '#45DAD1',
  1871. },
  1872. {
  1873. offset: 1,
  1874. color: '#082550',
  1875. },
  1876. ])
  1877. }
  1878. },
  1879. },
  1880. // itemStyle: {
  1881. // normal: {
  1882. // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1883. // {
  1884. // offset: 0,
  1885. // color: '#45DAD1',
  1886. // },
  1887. // {
  1888. // offset: 1,
  1889. // color: '#082550',
  1890. // },
  1891. // ]),
  1892. // },
  1893. // },
  1894. data: dataR3[1],
  1895. },
  1896. ],
  1897. }
  1898. option.title.text = '各省属企业年利润与当年累计招聘人数'
  1899. option.legend.data = ['2022年利润(万)', '2022年累计招聘数']
  1900. option.legend.show = true
  1901. option.yAxis[0] = {
  1902. max: function (value) {
  1903. if (Math.abs(value.max) > Math.abs(value.min)) {
  1904. return (Math.abs(value.max) * 1.2).toFixed(2)
  1905. } else {
  1906. return (Math.abs(value.min) * 1.2).toFixed(2)
  1907. }
  1908. },
  1909. min: function (value) {
  1910. if (Math.abs(value.max) > Math.abs(value.min)) {
  1911. return (-Math.abs(value.max) * 1.2).toFixed(2)
  1912. } else {
  1913. return (-Math.abs(value.min) * 1.2).toFixed(2)
  1914. }
  1915. },
  1916. type: 'value',
  1917. axisLine: {
  1918. show: false,
  1919. },
  1920. splitLine: {
  1921. show: true,
  1922. lineStyle: {
  1923. color: '#68b4dd66',
  1924. type: 'dashed',
  1925. },
  1926. },
  1927. axisLabel: {
  1928. show: true,
  1929. formatter: function (value) {
  1930. return value === 1 ? 0 : value
  1931. },
  1932. textStyle: {
  1933. color: 'rgba(250,250,250,0.6)',
  1934. },
  1935. },
  1936. }
  1937. option.yAxis.push({
  1938. splitLine: {
  1939. show: false,
  1940. },
  1941. axisLine: {
  1942. show: false,
  1943. },
  1944. axisLabel: {
  1945. show: true,
  1946. formatter: '{value}',
  1947. textStyle: {
  1948. color: 'rgba(250,250,250,0.6)',
  1949. },
  1950. },
  1951. max: function (value) {
  1952. if (Math.abs(value.max) > Math.abs(value.min)) {
  1953. return (Math.abs(value.max) * 1.2).toFixed(2)
  1954. } else {
  1955. return (Math.abs(value.min) * 1.2).toFixed(2)
  1956. }
  1957. },
  1958. min: function (value) {
  1959. if (Math.abs(value.max) > Math.abs(value.min)) {
  1960. return (-Math.abs(value.max) * 1.2).toFixed(2)
  1961. } else {
  1962. return (-Math.abs(value.min) * 1.2).toFixed(2)
  1963. }
  1964. },
  1965. })
  1966. myChart.setOption(option)
  1967. },
  1968. initChartR4 () {
  1969. let myChart = echarts.init(this.$refs['echartR4'])
  1970. let commonOptions = this.commonOption
  1971. commonOptions.yAxis[0].splitNumber = 2
  1972. let option = {
  1973. ..._.cloneDeep(commonOptions),
  1974. series: [
  1975. {
  1976. name: '2022年退出人数',
  1977. type: 'bar',
  1978. barWidth: 15,
  1979. itemStyle: {
  1980. normal: {
  1981. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1982. {
  1983. offset: 0,
  1984. color: '#69c0ff',
  1985. },
  1986. {
  1987. offset: 1,
  1988. color: '#082550',
  1989. },
  1990. ]),
  1991. },
  1992. },
  1993. data: dataR4[0],
  1994. },
  1995. {
  1996. name: '2022年累计招聘人数',
  1997. type: 'bar',
  1998. barWidth: 15,
  1999. itemStyle: {
  2000. normal: {
  2001. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2002. {
  2003. offset: 0,
  2004. color: '#45DAD1',
  2005. },
  2006. {
  2007. offset: 1,
  2008. color: '#082550',
  2009. },
  2010. ]),
  2011. },
  2012. },
  2013. data: dataR4[1],
  2014. },
  2015. ],
  2016. }
  2017. option.title.text = '各省属企业"退二进一"完成情况'
  2018. option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
  2019. option.legend.show = true
  2020. option.yAxis[0] = {
  2021. //type: 'log',
  2022. //min: 1,
  2023. //logBase: 3,
  2024. axisLine: {
  2025. show: false,
  2026. },
  2027. splitLine: {
  2028. show: true,
  2029. lineStyle: {
  2030. color: '#68b4dd66',
  2031. type: 'dashed',
  2032. },
  2033. },
  2034. axisLabel: {
  2035. show: true,
  2036. formatter: function (value) {
  2037. return value === 1 ? 0 : value
  2038. },
  2039. textStyle: {
  2040. color: 'rgba(250,250,250,0.6)',
  2041. },
  2042. },
  2043. }
  2044. myChart.setOption(option)
  2045. },
  2046. initChartR5 () {
  2047. let myChart = echarts.init(this.$refs['echartR5'])
  2048. let option = {
  2049. ..._.cloneDeep(this.commonOption),
  2050. series: [
  2051. {
  2052. name: '去年同期在岗职工平均薪酬',
  2053. type: 'bar',
  2054. barWidth: 15,
  2055. markLine: {
  2056. data: [
  2057. {
  2058. name: '省属企业平均水平',
  2059. yAxis: 9333.33,
  2060. lineStyle: {
  2061. color: '#fff',
  2062. },
  2063. label: {
  2064. formatter: '{b}',
  2065. position: 'middle',
  2066. fontSize: 16,
  2067. color: '#fff',
  2068. },
  2069. }
  2070. ],
  2071. label: {
  2072. distance: [50, 0],
  2073. },
  2074. },
  2075. itemStyle: {
  2076. normal: {
  2077. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2078. {
  2079. offset: 0,
  2080. color: '#6682F5',
  2081. },
  2082. {
  2083. offset: 1,
  2084. color: '#082550',
  2085. },
  2086. ]),
  2087. },
  2088. },
  2089. data: fjxdataL1[0],
  2090. },
  2091. {
  2092. name: '在岗职工平均薪酬',
  2093. type: 'bar',
  2094. barWidth: 15,
  2095. itemStyle: {
  2096. normal: {
  2097. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2098. {
  2099. offset: 0,
  2100. color: '#69c0ff',
  2101. },
  2102. {
  2103. offset: 1,
  2104. color: '#082550',
  2105. },
  2106. ]),
  2107. },
  2108. },
  2109. data: fjxdataL1[1],
  2110. },
  2111. ],
  2112. }
  2113. option.title.text = '各省属企业在岗职工平均薪酬'
  2114. option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
  2115. option.legend.show = true
  2116. option.yAxis.push({
  2117. splitLine: {
  2118. show: false,
  2119. },
  2120. axisLine: {
  2121. show: false,
  2122. },
  2123. })
  2124. myChart.setOption(option)
  2125. },
  2126. initChartR6 () {
  2127. let myChart = echarts.init(this.$refs['echartR6'])
  2128. let option = {
  2129. ..._.cloneDeep(this.commonOption),
  2130. color: ['#69c0ff'],
  2131. series: [
  2132. {
  2133. name: '2022年利润累计涨幅率',
  2134. type: 'line',
  2135. smooth: true, //平滑曲线显示
  2136. showAllSymbol: true, //显示所有图形。
  2137. symbol: 'circle', //标记的图形为实心圆
  2138. symbolSize: 8, //标记的大小
  2139. smooth: false,
  2140. label: {
  2141. normal: {
  2142. show: true,
  2143. lineHeight: '20',
  2144. position: 'top',
  2145. textStyle: {
  2146. color: '#B889EA',
  2147. fontStyle: 'normal',
  2148. textAlign: 'left',
  2149. fontSize: 16,
  2150. },
  2151. formatter: function (data) {
  2152. if (data.name == '文旅集团') {
  2153. return data.value
  2154. } else {
  2155. return ''
  2156. }
  2157. }
  2158. }
  2159. },
  2160. itemStyle: {
  2161. //折线拐点标志的样式
  2162. color: '#B889EA',
  2163. borderColor: '#B889EA',
  2164. width: 2,
  2165. shadowColor: '#B889EA',
  2166. shadowBlur: 4,
  2167. },
  2168. lineStyle: {
  2169. color: '#B889EA',
  2170. width: 2,
  2171. },
  2172. data: fjxdataL2[0],
  2173. },
  2174. {
  2175. name: '2022年薪酬累计涨幅率',
  2176. type: 'line',
  2177. smooth: true, //平滑曲线显示
  2178. showAllSymbol: true, //显示所有图形。
  2179. symbol: 'circle', //标记的图形为实心圆
  2180. symbolSize: 12, //标记的大小
  2181. smooth: false,
  2182. label: {
  2183. normal: {
  2184. show: true,
  2185. position: 'top',
  2186. lineHeight: '35',
  2187. textStyle: {
  2188. color: '#69c0ff',
  2189. fontStyle: 'normal',
  2190. textAlign: 'left',
  2191. fontSize: 16,
  2192. },
  2193. formatter: function (data) {
  2194. if (data.name == '文旅集团') {
  2195. return data.value
  2196. } else {
  2197. return ''
  2198. }
  2199. }
  2200. }
  2201. },
  2202. itemStyle: {
  2203. color: params => {
  2204. if (params.value > 0 && fjxdataL2[0][params.dataIndex] < 0) {
  2205. return 'yellow'
  2206. } else {
  2207. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2208. {
  2209. offset: 0,
  2210. color: '#69c0ff',
  2211. },
  2212. {
  2213. offset: 1,
  2214. color: '#082550',
  2215. },
  2216. ])
  2217. }
  2218. },
  2219. },
  2220. lineStyle: {
  2221. color: '#69C0FF',
  2222. width: 2,
  2223. },
  2224. data: fjxdataL2[1],
  2225. },
  2226. {
  2227. type: 'effectScatter',
  2228. coordinateSystem: 'cartesian2d',
  2229. showEffectOn: 'render',
  2230. rippleEffect: {
  2231. period: 10,
  2232. scale: 4,
  2233. brushType: 'stroke'
  2234. },
  2235. hoverAnimation: true,
  2236. itemStyle: {
  2237. color: 'yellow'
  2238. },
  2239. lineStyle: {
  2240. color: '#43ede3',
  2241. width: 2,
  2242. },
  2243. data: this.twinkleR6,
  2244. },
  2245. ],
  2246. }
  2247. option.title.text = '各省属企业利润与薪酬变动情况'
  2248. option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
  2249. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  2250. option.yAxis[0].axisLabel.formatter = '{value} %'
  2251. myChart.setOption(option)
  2252. },
  2253. initChartR7 () {
  2254. let myChart = echarts.init(this.$refs['echartR7'])
  2255. let option = {
  2256. ..._.cloneDeep(this.commonOption),
  2257. series: [
  2258. {
  2259. name: '全员绩效考核完成率',
  2260. type: 'bar',
  2261. barWidth: 15,
  2262. itemStyle: {
  2263. normal: {
  2264. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2265. {
  2266. offset: 0,
  2267. color: '#B889EA',
  2268. },
  2269. {
  2270. offset: 1,
  2271. color: '#082550',
  2272. },
  2273. ]),
  2274. },
  2275. },
  2276. data: fjxdataL3[0],
  2277. },
  2278. ],
  2279. }
  2280. option.title.text = '各省属企业全员绩效考核'
  2281. option.legend.show = true
  2282. option.tooltip = {
  2283. trigger: 'axis',
  2284. formatter: '{a0}:{c0}' + '%'
  2285. },
  2286. option.yAxis[0].axisLabel = {
  2287. show: true,
  2288. formatter: '{value} %',
  2289. textStyle: {
  2290. color: 'rgba(250,250,250,0.6)',
  2291. },
  2292. }
  2293. myChart.setOption(option)
  2294. },
  2295. initChartR8 () {
  2296. let myChart = echarts.init(this.$refs['echartR8'])
  2297. let option = {
  2298. ..._.cloneDeep(this.commonOption),
  2299. series: [
  2300. {
  2301. name: '任期制契约化完成率',
  2302. type: 'bar',
  2303. barWidth: 15,
  2304. itemStyle: {
  2305. normal: {
  2306. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2307. {
  2308. offset: 0,
  2309. color: '#43ede3',
  2310. },
  2311. {
  2312. offset: 1,
  2313. color: '#082550',
  2314. },
  2315. ]),
  2316. },
  2317. },
  2318. data: fjxdataL4[0],
  2319. },
  2320. ],
  2321. }
  2322. option.title.text = '各省属企业任期制契约化管理'
  2323. option.legend.show = true
  2324. option.tooltip.formatter = '{a0}:{c0}' + '%'
  2325. option.yAxis[0].axisLabel.formatter = '{value} %'
  2326. myChart.setOption(option)
  2327. },
  2328. },
  2329. })