index.js 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164
  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);