index.js 30 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163
  1. var colors = ['#5793f3', '#d14a61', '#675bba'];
  2. option = {
  3. color: colors,
  4. tooltip: {
  5. trigger: 'item',
  6. axisPointer: {
  7. type: 'cross'
  8. }
  9. },
  10. legend: {
  11. data:['实际值', '预测上限','预测下限'],
  12. icon: 'roundRect',
  13. textStyle: {
  14. color: '#fff'
  15. }
  16. },
  17. grid: {
  18. top: 30,
  19. bottom: 60
  20. },
  21. xAxis: [
  22. {
  23. type: 'category',
  24. axisTick: {
  25. alignWithLabel: true
  26. },
  27. axisLabel: {
  28. color:'#fff',
  29. interval: 0,
  30. fontSize :12,
  31. rotate:45,
  32. },
  33. axisLine: {
  34. onZero: false,
  35. lineStyle: {
  36. color: colors[1]
  37. }
  38. },
  39. axisPointer: {
  40. label: {
  41. show: false,
  42. formatter: function (params) {
  43. return params.value
  44. + (params.seriesData.length ? ':' + params.seriesData[0].data : '');
  45. }
  46. }
  47. },
  48. data: ["2017.11.15", "2017.11.16", "2017.11.17", "2017.11.18", "2017.11.19", "2017.11.20", "2017.11.21", "2017.11.22", "2017.11.23", "2017.11.24", "2017.11.25", "2017.11.26"]
  49. }
  50. ],
  51. yAxis: [
  52. {
  53. type: 'value',
  54. max : 7,
  55. axisLabel: {
  56. color:'#fff',
  57. interval: 0,
  58. fontSize :12,
  59. formatter: '{value}'
  60. },
  61. min: 1,
  62. splitLine: {
  63. show: false
  64. },
  65. data: [1, 2, 3, 4, 5, 6, 7,8]
  66. }
  67. ],
  68. series: [
  69. {
  70. name:'实际值',
  71. type:'line',
  72. smooth: true,
  73. markArea: {
  74. silent: true,
  75. label: {
  76. normal: {
  77. position: ['10%', '50%']
  78. }
  79. },
  80. data: [
  81. [{
  82. yAxis: 1,
  83. itemStyle: {
  84. normal: {
  85. color: 'rgba(68,2,30,0.2)'
  86. }
  87. },
  88. }, {
  89. yAxis: 3
  90. }],
  91. [{
  92. yAxis: 3,
  93. itemStyle: {
  94. normal: {
  95. color: 'rgba(87,81,29,0.2)'
  96. }
  97. },
  98. }, {
  99. yAxis: 5
  100. }],
  101. [{
  102. yAxis: 5,
  103. itemStyle: {
  104. normal: {
  105. color: 'rgba(2,78,40,0.2)'
  106. }
  107. }
  108. }, {
  109. yAxis: 7,
  110. }]
  111. ]
  112. },
  113. data: [5.53]
  114. },{
  115. type: 'line',
  116. name: '预测上限',
  117. symbol: 'circle',
  118. symbolSize: 10,
  119. smooth: true,
  120. itemStyle: {
  121. normal: {
  122. show: false,
  123. color: '#00eef8',
  124. opacity: 0
  125. },
  126. emphasis: {
  127. color: '#00eef8',
  128. }
  129. },
  130. lineStyle: {
  131. normal: {
  132. color: '#00eef8',
  133. }
  134. },
  135. data: [5.57, 5.73, 5.61, 5.63, 5.69, 5.64, 5.9,5.71,5.69,5.69,5.76,5.9],
  136. },
  137. {
  138. type: 'line',
  139. name: '预测下限',
  140. symbol: 'circle',
  141. symbolSize: 10,
  142. smooth: true,
  143. itemStyle: {
  144. normal: {
  145. color: '#ffbe0d',
  146. opacity: 0
  147. },
  148. emphasis: {
  149. color: '#ffbe0d',
  150. }
  151. },
  152. lineStyle: {
  153. normal: {
  154. color: '#ffbe0d',
  155. }
  156. },
  157. data: [5.24, 5.44, 5.25, 5.08, 5.44, 5.46, 5.6,5.28,5.35,5.34,5.32,5.37],
  158. }
  159. ]
  160. };
  161. optionbtm = {
  162. color: colors,
  163. tooltip: {
  164. trigger: 'item',
  165. axisPointer: {
  166. type: 'cross'
  167. }
  168. },
  169. legend: {
  170. data:['实际值', '预测上限','预测下限'],
  171. icon: 'roundRect',
  172. textStyle: {
  173. color: '#fff'
  174. }
  175. },
  176. grid: {
  177. top: 30,
  178. bottom: 60
  179. },
  180. xAxis: [
  181. {
  182. type: 'category',
  183. axisTick: {
  184. alignWithLabel: true
  185. },
  186. axisLabel: {
  187. color:'#fff',
  188. interval: 0,
  189. fontSize :12,
  190. rotate:45,
  191. },
  192. axisLine: {
  193. onZero: false,
  194. lineStyle: {
  195. color: colors[1]
  196. }
  197. },
  198. axisPointer: {
  199. label: {
  200. show: false,
  201. formatter: function (params) {
  202. return params.value
  203. + (params.seriesData.length ? ':' + params.seriesData[0].data : '');
  204. }
  205. }
  206. },
  207. data: ["2017.11.15", "2017.11.16", "2017.11.17", "2017.11.18", "2017.11.19", "2017.11.20", "2017.11.21", "2017.11.22", "2017.11.23", "2017.11.24", "2017.11.25", "2017.11.26"]
  208. }
  209. ],
  210. yAxis: [
  211. {
  212. type: 'value',
  213. max : 7,
  214. axisLabel: {
  215. color:'#fff',
  216. interval: 0,
  217. fontSize :12,
  218. formatter: '{value}'
  219. },
  220. min: 1,
  221. splitLine: {
  222. show: false
  223. },
  224. data: [1, 2, 3, 4, 5, 6, 7,8]
  225. }
  226. ],
  227. series: [
  228. {
  229. name:'实际值',
  230. type:'line',
  231. smooth: true,
  232. markArea: {
  233. silent: true,
  234. label: {
  235. normal: {
  236. position: ['10%', '50%']
  237. }
  238. },
  239. data: [
  240. [{
  241. yAxis: 1,
  242. itemStyle: {
  243. normal: {
  244. color: 'rgba(68,2,30,0.2)'
  245. }
  246. },
  247. }, {
  248. yAxis: 3
  249. }],
  250. [{
  251. yAxis: 3,
  252. itemStyle: {
  253. normal: {
  254. color: 'rgba(87,81,29,0.2)'
  255. }
  256. },
  257. }, {
  258. yAxis: 5
  259. }],
  260. [{
  261. yAxis: 5,
  262. itemStyle: {
  263. normal: {
  264. color: 'rgba(2,78,40,0.2)'
  265. }
  266. }
  267. }, {
  268. yAxis: 7,
  269. }]
  270. ]
  271. },
  272. data: [3.78]
  273. },{
  274. type: 'line',
  275. name: '预测上限',
  276. symbol: 'circle',
  277. symbolSize: 10,
  278. smooth: true,
  279. itemStyle: {
  280. normal: {
  281. show: false,
  282. color: '#00eef8',
  283. opacity: 0
  284. },
  285. emphasis: {
  286. color: '#00eef8',
  287. }
  288. },
  289. lineStyle: {
  290. normal: {
  291. color: '#00eef8',
  292. }
  293. },
  294. data: [4.02, 3.98, 3.87, 3.68, 3.76,4.02, 3.82,3.8,3.84,3.62,3.84,4.08],
  295. },
  296. {
  297. type: 'line',
  298. name: '预测下限',
  299. symbol: 'circle',
  300. symbolSize: 10,
  301. smooth: true,
  302. itemStyle: {
  303. normal: {
  304. color: '#ffbe0d',
  305. opacity: 0
  306. },
  307. emphasis: {
  308. color: '#ffbe0d',
  309. }
  310. },
  311. lineStyle: {
  312. normal: {
  313. color: '#ffbe0d',
  314. }
  315. },
  316. data: [3.67, 3.78, 3.43, 3.4, 3.39, 3.59, 3.43,3.31,3.53,3.33,3.53,3.52],
  317. }
  318. ]
  319. };
  320. optioncenter = {
  321. color: colors,
  322. tooltip: {
  323. trigger: 'item',
  324. axisPointer: {
  325. type: 'cross'
  326. }
  327. },
  328. legend: {
  329. data:['实际值', '预测上限','预测下限'],
  330. icon: 'roundRect',
  331. textStyle: {
  332. color: '#fff'
  333. }
  334. },
  335. grid: {
  336. top: 30,
  337. bottom: 60
  338. },
  339. xAxis: [
  340. {
  341. type: 'category',
  342. axisTick: {
  343. alignWithLabel: true
  344. },
  345. axisLabel: {
  346. color:'#fff',
  347. interval: 0,
  348. fontSize :12,
  349. rotate:45,
  350. },
  351. axisLine: {
  352. onZero: false,
  353. lineStyle: {
  354. color: colors[1]
  355. }
  356. },
  357. axisPointer: {
  358. label: {
  359. show: false,
  360. formatter: function (params) {
  361. return params.value
  362. + (params.seriesData.length ? ':' + params.seriesData[0].data : '');
  363. }
  364. }
  365. },
  366. data: ["2017.11.15", "2017.11.16", "2017.11.17", "2017.11.18", "2017.11.19", "2017.11.20", "2017.11.21", "2017.11.22", "2017.11.23", "2017.11.24", "2017.11.25", "2017.11.26"]
  367. }
  368. ],
  369. yAxis: [
  370. {
  371. type: 'value',
  372. max : 7,
  373. axisLabel: {
  374. color:'#fff',
  375. interval: 0,
  376. fontSize :12,
  377. formatter: '{value}'
  378. },
  379. min: 1,
  380. splitLine: {
  381. show: false
  382. },
  383. data: [1, 2, 3, 4, 5, 6, 7,8]
  384. }
  385. ],
  386. series: [
  387. {
  388. name:'实际值',
  389. type:'line',
  390. smooth: true,
  391. markArea: {
  392. silent: true,
  393. label: {
  394. normal: {
  395. position: ['10%', '50%']
  396. }
  397. },
  398. data: [
  399. [{
  400. yAxis: 1,
  401. itemStyle: {
  402. normal: {
  403. color: 'rgba(68,2,30,0.2)'
  404. }
  405. },
  406. }, {
  407. yAxis: 3
  408. }],
  409. [{
  410. yAxis: 3,
  411. itemStyle: {
  412. normal: {
  413. color: 'rgba(87,81,29,0.2)'
  414. }
  415. },
  416. }, {
  417. yAxis: 5
  418. }],
  419. [{
  420. yAxis: 5,
  421. itemStyle: {
  422. normal: {
  423. color: 'rgba(2,78,40,0.2)'
  424. }
  425. }
  426. }, {
  427. yAxis: 7,
  428. }]
  429. ]
  430. },
  431. data: [5.69]
  432. },{
  433. type: 'line',
  434. name: '预测上限',
  435. symbol: 'circle',
  436. symbolSize: 10,
  437. smooth: true,
  438. itemStyle: {
  439. normal: {
  440. show: false,
  441. color: '#00eef8',
  442. opacity: 0
  443. },
  444. emphasis: {
  445. color: '#00eef8',
  446. }
  447. },
  448. lineStyle: {
  449. normal: {
  450. color: '#00eef8',
  451. }
  452. },
  453. data: [5.83, 5.75, 5.85, 5.55, 5.56,5.53, 5.61,5.68,5.74,5.56,5.57,5.78],
  454. },
  455. {
  456. type: 'line',
  457. name: '预测下限',
  458. symbol: 'circle',
  459. symbolSize: 10,
  460. smooth: true,
  461. itemStyle: {
  462. normal: {
  463. color: '#ffbe0d',
  464. opacity: 0
  465. },
  466. emphasis: {
  467. color: '#ffbe0d',
  468. }
  469. },
  470. lineStyle: {
  471. normal: {
  472. color: '#ffbe0d',
  473. }
  474. },
  475. data: [5.48, 5.52, 5.39, 5.2, 5.28, 5.04, 5.29,5.33,5.42,5.31,5.28,5.42],
  476. }
  477. ]
  478. };
  479. // 折线
  480. var colors = ['#0997c1', '#c22167', '#082773', '#604fb9', '#0067c3', '#68cdfb','#5793f3', '#d14a61', '#675bba'];
  481. //[];
  482. option1 = {
  483. color: colors,
  484. tooltip: {
  485. trigger: 'axis',
  486. axisPointer: {
  487. type: 'cross'
  488. }
  489. },
  490. grid: {
  491. right: '20%'
  492. },
  493. /* toolbox: {
  494. feature: {
  495. dataView: {show: true, readOnly: false},
  496. restore: {show: true},
  497. saveAsImage: {show: true}
  498. }
  499. },*/
  500. legend: {
  501. data:['家纺成品','坯布','印染布','面纱','原棉','其他','原材料坯布','原材料棉纱','原材料棉花','原材料亚麻'],
  502. textStyle: {
  503. color:"#fff"
  504. },
  505. /* icon: 'roundRect',*/
  506. orient: 'left',
  507. x: 'right',
  508. textStyle: {
  509. fontSize: '14',
  510. color: '#fff'
  511. },
  512. },
  513. xAxis: [
  514. {
  515. type: 'category',
  516. axisTick: {
  517. alignWithLabel: true
  518. },
  519. data: ['2017/11/1','2017/11/8','2017/11/15','2017/11/22','2017/11/29'],
  520. axisLabel: {
  521. formatter: '{value}',
  522. color:"#fff"
  523. }
  524. }
  525. ],
  526. yAxis: [
  527. {
  528. type: 'value',
  529. name: '金额(元)',
  530. min: 0,
  531. max: 110000000,
  532. position: 'left',
  533. axisLine: {
  534. lineStyle: {
  535. color: colors[0]
  536. }
  537. },
  538. axisLabel: {
  539. formatter: '{value}',
  540. color:"#fff"
  541. },
  542. splitLine: {
  543. show: true,
  544. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  545. color: 'rgba(255, 255, 255, 0)',
  546. }
  547. },
  548. },
  549. {
  550. type: 'value',
  551. name: '降水量',
  552. show:false
  553. /* min: 0,
  554. max: 250,
  555. position: 'right',
  556. offset: 80,
  557. axisLine: {
  558. lineStyle: {
  559. color: colors[1]
  560. }
  561. },
  562. axisLabel: {
  563. formatter: '{value} ml',
  564. color:"#fff"
  565. },*/
  566. },
  567. {
  568. type: 'value',
  569. name: '温度',
  570. show:false
  571. /* min: 0,
  572. max: 25,
  573. position: 'left',
  574. axisLine: {
  575. lineStyle: {
  576. color: colors[2]
  577. }
  578. },
  579. axisLabel: {
  580. formatter: '{value} °C',
  581. color:"#fff"
  582. }*/
  583. }
  584. ],
  585. series: [
  586. {
  587. name:'家纺成品',
  588. type:'bar',
  589. data:[80883063, 87892687, 82954627, 75825942, 80094867]
  590. },
  591. {
  592. name:'坯布',
  593. type:'bar',
  594. yAxisIndex: 1,
  595. data:[88254186, 79616338, 63914752, 84783826, 98170970]
  596. },
  597. {
  598. name:'印染布',
  599. type:'bar',
  600. yAxisIndex: 1,
  601. data:[69631541, 93435263, 80879546, 72900346, 95863826]
  602. },{
  603. name:'面纱',
  604. type:'bar',
  605. yAxisIndex: 1,
  606. data:[92783922, 75013325, 72443447, 68968409, 99197853]
  607. },
  608. {
  609. name:'其他',
  610. type:'bar',
  611. yAxisIndex: 1,
  612. data:[65304531, 64549296, 81638306, 70066027, 63719823]
  613. },
  614. {
  615. name:'原棉',
  616. type:'bar',
  617. yAxisIndex: 2,
  618. data:[74006136, 64657032, 95932747, 67671029, 75813436]
  619. },
  620. {
  621. name:'原材料坯布',
  622. type:'line',
  623. yAxisIndex: 2,
  624. data:[78797681, 78989914, 73629442, 69270637, 67861664]
  625. },
  626. {
  627. name:'原材料棉纱',
  628. type:'line',
  629. yAxisIndex: 2,
  630. data:[61139633, 70880196, 67959026, 63032507, 63561829]
  631. },
  632. {
  633. name:'原材料棉花',
  634. type:'line',
  635. yAxisIndex: 2,
  636. data:[71008955, 75256706, 63382129, 64836506, 76612864]
  637. },
  638. {
  639. name:'原材料亚麻',
  640. type:'line',
  641. yAxisIndex: 2,
  642. data:[61199931, 64724184, 62696472, 79510928, 79315724]
  643. }
  644. ]
  645. };
  646. /*option1 = {
  647. legend: {
  648. show: true,
  649. data:['原棉','家纺成品'],
  650. icon: 'roundRect',
  651. orient: 'left',
  652. x: 'right',
  653. textStyle: {
  654. fontSize: '14',
  655. color: '#fff'
  656. },
  657. },
  658. grid: {
  659. left: '6%',
  660. right: '17%',
  661. top: '18%',
  662. bottom: '6%',
  663. containLabel: true
  664. },
  665. textStyle: {
  666. fontSize: '14',
  667. fontWeight: 'normal',
  668. color: '#ffffff'
  669. },
  670. xAxis: {
  671. show: true,
  672. type: 'category',
  673. boundaryGap: false,
  674. data: ['2017-11-1','2017-11-8','2017-11-15','2017-11-22','2017-11-29','11-7','11-8'],
  675. },
  676. yAxis: {
  677. show: true,
  678. type: 'value',
  679. symbol: 'circle',
  680. symbolSize: 10,
  681. smooth: true,
  682. splitLine: {
  683. show: true,
  684. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  685. color: 'rgba(255, 255, 255, 0.06)',
  686. }
  687. },
  688. axisLabel: {
  689. formatter: function(params) {
  690. if (params === 0) {
  691. return ''
  692. } else {
  693. return params
  694. }
  695. }
  696. }
  697. },
  698. series: [{
  699. name: '原棉',
  700. type: 'line',
  701. symbol: 'circle',
  702. smooth: true,
  703. itemStyle: {
  704. normal: {
  705. lineStyle: {
  706. color: 'rgba(197, 38, 78, 0.9)'
  707. }
  708. }
  709. },
  710. areaStyle: {
  711. normal: {
  712. color: {
  713. type: 'linear',
  714. x: 0,
  715. y: 0,
  716. x2: 0,
  717. y2: 1,
  718. colorStops: [{
  719. offset: 0,
  720. color: 'rgba(197, 38, 78, 0.4)',
  721. }, {
  722. offset: 1,
  723. color: 'rgba(255, 225, 0, 0.1)',
  724. }],
  725. globalCoord: false
  726. },
  727. }
  728. },
  729. data: [150,113,60,120,30,280,200]
  730. },{
  731. type: 'line',
  732. name: '家纺成品',
  733. symbol: 'circle',
  734. symbolSize: 10,
  735. smooth: true,
  736. itemStyle: {
  737. normal: {
  738. color: 'rgb(5, 194, 92)',
  739. }
  740. },
  741. lineStyle: {
  742. normal: {
  743. color: 'rgb(5, 194, 92)',
  744. }
  745. },
  746. data: [30, 25, 74, 143, 93, 100, 135]
  747. },{
  748. name:'蒸发量',
  749. type:'bar',
  750. barWidth: 10,
  751. itemStyle: {
  752. normal: {
  753. color: 'rgb(5, 194, 92)',
  754. }
  755. },
  756. data:[7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6]
  757. }]
  758. };*/
  759. //折线xiao
  760. var optionl2 = {
  761. color: 'rgba(0, 184, 236, 0.9)',
  762. tooltip: {
  763. trigger: 'axis',
  764. axisPointer: {
  765. type: 'cross'
  766. }
  767. },
  768. legend: {
  769. show: true,
  770. orient: 'left',
  771. x: 'right',
  772. textStyle: {
  773. fontSize: '14',
  774. color: '#fff'
  775. },
  776. },
  777. grid: {
  778. left: '6%',
  779. right: '6%',
  780. top: '18%',
  781. bottom: '6%',
  782. containLabel: true
  783. },
  784. textStyle: {
  785. fontSize: '14',
  786. fontWeight: 'normal',
  787. color: '#ffffff'
  788. },
  789. xAxis: {
  790. type: 'category',
  791. axisTick: {
  792. alignWithLabel: true,
  793. inside: true
  794. },
  795. axisLabel: {
  796. color:'#fff',
  797. interval: 0,
  798. fontSize :12,
  799. rotate:45,
  800. },
  801. axisLine: {
  802. onZero: false,
  803. lineStyle: {
  804. color: '#fff'
  805. }
  806. },
  807. axisPointer: {
  808. label: {
  809. show: false,
  810. backgroundColor:'#007EDD'
  811. }
  812. },
  813. data: ['2017/11/1','2017/11/8','2017/11/15','2017/11/22','2017/11/29'],
  814. },
  815. yAxis: {
  816. show: true,
  817. axisLabel: {
  818. color:'#fff',
  819. interval: 0,
  820. fontSize :12
  821. },
  822. axisTick: {
  823. alignWithLabel: true,
  824. inside: true
  825. },
  826. axisLine: {
  827. onZero: false,
  828. lineStyle: {
  829. color: '#fff'
  830. }
  831. },
  832. axisPointer: {
  833. label: {
  834. show: false,
  835. }
  836. },
  837. type: 'value',
  838. symbol: 'circle',
  839. symbolSize: 10,
  840. smooth: true,
  841. splitLine: {
  842. show: true,
  843. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  844. color: 'rgba(255, 255, 255, 0)',
  845. }
  846. }
  847. },
  848. series: [{
  849. type: 'line',
  850. name: '产品或服务产能指数',
  851. symbol: 'circle',
  852. symbolSize: 10,
  853. smooth: true,
  854. itemStyle: {
  855. normal: {
  856. color: 'rgba(0, 184, 236, 0)',
  857. },
  858. emphasis: {
  859. color: 'rgba(0, 184, 236, 1)',
  860. }
  861. },
  862. lineStyle: {
  863. normal: {
  864. color: 'rgba(0, 184, 236, 0.9)',
  865. }
  866. },
  867. data: [5.18, 5.26, 5.05, 5.14, 5.27],
  868. areaStyle: {
  869. normal: {
  870. color: {
  871. type: 'linear',
  872. x: 0,
  873. y: 0,
  874. x2: 0,
  875. y2: 1,
  876. colorStops: [{
  877. offset: 0,
  878. color: 'rgba(0, 184, 236, 0.4)',
  879. }, {
  880. offset: 1,
  881. color: 'rgba(0, 184, 236, 0.1)',
  882. }],
  883. globalCoord: false
  884. },
  885. }
  886. },
  887. }]
  888. };
  889. ///饼图
  890. option2 = {
  891. title: {
  892. text: '合计',
  893. textStyle:{
  894. color: '#fff'
  895. },
  896. subtext: '8,210,481,162.58',
  897. subtextStyle: {
  898. color: '#fff',
  899. fontSize:18,
  900. },
  901. x: 'center',
  902. y: 'center'
  903. },
  904. tooltip: {
  905. trigger: 'item',
  906. formatter: '{c}'
  907. },
  908. legend: {
  909. show: true,
  910. y: 'top',
  911. data:['非受限库存现金','应收款项类','其他非流动资产类','固定资产类','金融资产类','其他流动资产类项类'],
  912. orient: 'left',
  913. x: 0,
  914. y: 0,
  915. textStyle: {
  916. fontSize: '14',
  917. color: '#fff'
  918. },
  919. },
  920. calculable: true,
  921. series: [
  922. {
  923. color: ['#0997c1', '#c22167', '#082773', '#604fb9', '#0067c3', '#68cdfb'],
  924. type: 'pie',
  925. radius: [50, 200],
  926. center: ['50%', '50%'],
  927. //roseType: 'radius',
  928. label: {
  929. normal: {
  930. /* position: 'inside',*/
  931. color:"#fff"
  932. }
  933. },
  934. tooltip: {
  935. formatter: function (params) {
  936. var b=parseFloat(params.value).toString();
  937. var len=b.length;
  938. if(len<=3){return b;}
  939. var r=len%3;
  940. var aNew = b.split(".")[1];
  941. return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(",")+"."+aNew:b.slice(r,len).match(/\d{3}/g).join(",");
  942. }
  943. },
  944. itemStyle: {
  945. normal: {
  946. /*borderWidth: 14.5,
  947. borderColor: 'rgba(255, 255, 255, 1)'*/
  948. }
  949. },
  950. data: [
  951. {value: 1578125718.62, name:'非受限库存现金'},
  952. {value: 1135040262.72, name: '应收款项类'},
  953. {value: 1276828336.26, name: '其他非流动资产类'},
  954. {value: 2890680272.55, name: '固定资产类'},
  955. {value: 108959878.55, name: '金融资产类'},
  956. {value: 1183489550.95, name: '其他流动资产类项类'},
  957. ]
  958. }
  959. ]
  960. }
  961. option22 = {
  962. title: {
  963. text: '合计',
  964. subtext: '4,363,978,628.282',
  965. subtextStyle: {
  966. color: '#fff',
  967. fontSize:18,
  968. },
  969. textStyle:{
  970. color: '#fff',
  971. verticalAlign: 'top'
  972. },
  973. x: 'center',
  974. y: 'center'
  975. },
  976. tooltip: {
  977. trigger: 'item',
  978. formatter: '{c}'
  979. },
  980. legend: {
  981. show: true,
  982. y: 'top',
  983. data:['非受限库存现金','应收款项类','其他非流动资产类','固定资产类','金融资产类','其他流动资产类项类'],
  984. orient: 'top',
  985. x: 0,
  986. y: 0,
  987. textStyle: {
  988. fontSize: '14',
  989. color: '#fff'
  990. },
  991. },
  992. calculable: true,
  993. series: [
  994. {
  995. color: ['#0997c1', '#c22167', '#082773', '#604fb9', '#0067c3', '#68cdfb'],
  996. type: 'pie',
  997. radius: [50, 200],
  998. center: ['50%', '50%'],
  999. //roseType: 'radius',
  1000. label: {
  1001. normal: {
  1002. /* position: 'inside',*/
  1003. color:"#fff"
  1004. }
  1005. },
  1006. tooltip: {
  1007. formatter: function (params) {
  1008. var b=parseFloat(params.value).toString();
  1009. var len=b.length;
  1010. if(len<=3){return b;}
  1011. var r=len%3;
  1012. var aNew = b.split(".")[1];
  1013. return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(",")+"."+aNew:b.slice(r,len).match(/\d{3}/g).join(",");
  1014. }
  1015. },
  1016. itemStyle: {
  1017. normal: {
  1018. /*borderWidth: 14.5,
  1019. borderColor: 'rgba(255, 255, 255, 1)'*/
  1020. }
  1021. },
  1022. data: [
  1023. {value: 1578125718.62, name:'非受限库存现金'},
  1024. {value: 798957183.904, name: '应收款项类'},
  1025. {value: 568063603.409, name: '其他非流动资产类'},
  1026. {value: 54479939.275, name: '固定资产类'},
  1027. {value: 898636362.694, name: '金融资产类'},
  1028. {value: 1465715820.38, name: '其他流动资产类项类'},
  1029. ]
  1030. }
  1031. ]
  1032. }
  1033. /*var webkitDep = {
  1034. "type": "force",
  1035. "categories": [//关系网类别,可以写多组
  1036. {
  1037. "name": "人物关系",//关系网名称
  1038. "keyword": {},
  1039. "base": "人物关系"
  1040. }
  1041. ],
  1042. "nodes": [//展示的节点
  1043. {
  1044. "name": "齐悦科技",//节点名称
  1045. "value": 3,
  1046. "category": 0//与关系网类别索引对应,此处只有一个关系网所以这里写0
  1047. },
  1048. {
  1049. "name": "股权链",
  1050. "value": 1,
  1051. "category": 0
  1052. },
  1053. {
  1054. "name": "信用链",
  1055. "value": 1,
  1056. "category": 0
  1057. },
  1058. {
  1059. "name": "股东",
  1060. "value": 1,
  1061. "category": 0
  1062. }
  1063. ],
  1064. "links": [//节点之间连接
  1065. {
  1066. "source": 0,//起始节点,0表示第一个节点
  1067. "target": 1 //目标节点,1表示与索引为1的节点进行连接
  1068. },
  1069. {
  1070. "source": 0,
  1071. "target": 2
  1072. },{
  1073. "source": 1,
  1074. "target": 3
  1075. }
  1076. ]
  1077. };
  1078. optiongx = {
  1079. legend: {
  1080. data: ['人物关系']//此处的数据必须和关系网类别中name相对应
  1081. },
  1082. series: [{
  1083. type: 'graph',
  1084. layout: 'force',
  1085. animation: false,
  1086. label: {
  1087. normal: {
  1088. show:true,
  1089. position: 'right'
  1090. }
  1091. },
  1092. draggable: true,
  1093. data: webkitDep.nodes.map(function (node, idx) {
  1094. node.id = idx;
  1095. return node;
  1096. }),
  1097. categories: webkitDep.categories,
  1098. force: {
  1099. edgeLength: 105,//连线的长度
  1100. repulsion: 100 //子节点之间的间距
  1101. },
  1102. edges: webkitDep.links
  1103. }]
  1104. };
  1105. var guanxi = echarts.init(document.getElementById('guanxi'));
  1106. guanxi.setOption(optiongx); */
  1107. function tohref(){
  1108. window.location.href = "sanlian.html?1";
  1109. }
  1110. function toindex(){
  1111. window.location.href = "index.html";
  1112. }
  1113. function loadtm(){
  1114. var days=new Array ("日", "一", "二", "三", "四", "五", "六");
  1115. var currentDT = new Date();
  1116. var y,m,date,day,hs,ms,ss,theDateStr;
  1117. y = currentDT.getFullYear(); //四位整数表示的年份
  1118. m = currentDT.getMonth(); //月
  1119. date = currentDT.getDate(); //日
  1120. day = currentDT.getDay(); //星期
  1121. hs = currentDT.getHours(); //时
  1122. ms = currentDT.getMinutes(); //分
  1123. ss = currentDT.getSeconds(); //秒
  1124. //theDateStr = y+"年"+ m +"月"+date+"日 星期"+days[day]+" "+hs+":"+ms+":"+ss;
  1125. theDateStr = " "+p(hs)+":"+p(ms)+":"+p(ss);
  1126. console.log(theDateStr)
  1127. $(".tmtext>span span").html(theDateStr);
  1128. // setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
  1129. }
  1130. function p(s) {
  1131. return s < 10 ? '0' + s: s;
  1132. }
  1133. window.setInterval( loadtm, 1000);