culturalTourism.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449
  1. function culturalTourism() {
  2. // 文化旅游
  3. var chartDom = document.getElementById("whlyEchar");
  4. var myChart = echarts.init(chartDom);
  5. var alldata = [
  6. [3418160, 352098],
  7. [33427158, 2604714],
  8. ];
  9. var option;
  10. var data = alldata[0];
  11. option = {
  12. tooltip: {
  13. trigger: "axis",
  14. axisPointer: {
  15. type: "cross",
  16. crossStyle: {
  17. color: "#999",
  18. },
  19. },
  20. },
  21. legend: {
  22. data: ["海外游客", "国内游客", "国内游客同比增减", "海外游客同比增减"],
  23. },
  24. xAxis: [
  25. {
  26. type: "category",
  27. data: [
  28. "2023年1月",
  29. "2023年2月",
  30. "2023年3月",
  31. "2023年4月",
  32. "2023年5月",
  33. "2023年6月",
  34. "2023年7月",
  35. "2023年8月",
  36. "2023年9月",
  37. "2023年10月",
  38. ],
  39. axisPointer: {
  40. type: "shadow",
  41. },
  42. },
  43. ],
  44. yAxis: [
  45. {
  46. type: "value",
  47. name: "游客数",
  48. axisLabel: {
  49. formatter: "{value} 人次",
  50. },
  51. },
  52. {
  53. type: "value",
  54. name: "同比增减",
  55. interval: 5,
  56. max: 50,
  57. axisLabel: {
  58. formatter: "{value} %",
  59. },
  60. },
  61. ],
  62. series: [
  63. {
  64. name: "海外游客",
  65. type: "bar",
  66. yAxisIndex: 0,
  67. tooltip: {
  68. valueFormatter: function (value) {
  69. return value + " 人次";
  70. },
  71. },
  72. data: [0, 788, 1026, 1740, 1967, 2200, 2720, 2748, 3231, 5539],
  73. },
  74. {
  75. name: "国内游客",
  76. type: "bar",
  77. tooltip: {
  78. valueFormatter: function (value) {
  79. return value + " 人次";
  80. },
  81. },
  82. data: [
  83. 4741245, 4821452, 4524574, 4054582, 4484144, 3325145, 4047415,
  84. 3415412, 4851414, 4914414,
  85. ],
  86. itemStyle: {
  87. color: "red",
  88. },
  89. },
  90. {
  91. name: "国内同比增减",
  92. type: "line",
  93. yAxisIndex: 1,
  94. tooltip: {
  95. valueFormatter: function (value) {
  96. return value + " %";
  97. },
  98. },
  99. data: [
  100. 33.46, 20.45, 26.2, 28.72, 18.09, 16.04, 10.66, 17.96, 13.98, 6.38,
  101. ],
  102. },
  103. {
  104. name: "海外同比增减",
  105. type: "line",
  106. yAxisIndex: 1,
  107. tooltip: {
  108. valueFormatter: function (value) {
  109. return value + " %";
  110. },
  111. },
  112. data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  113. },
  114. ],
  115. };
  116. option && myChart.setOption(option);
  117. var chartDom = document.getElementById("gyykEchart");
  118. var myChart = echarts.init(chartDom);
  119. var alldata = [
  120. [3418160, 352098],
  121. [33427158, 2604714],
  122. ];
  123. var option;
  124. var data = alldata[0];
  125. option = {
  126. tooltip: {
  127. trigger: "axis",
  128. axisPointer: {
  129. type: "cross",
  130. crossStyle: {
  131. color: "#999",
  132. },
  133. },
  134. },
  135. legend: {
  136. data: [
  137. "过夜游客",
  138. "入境过夜住宿游客",
  139. "过夜游客同比增减",
  140. "入境过夜住宿游客同比增减",
  141. ],
  142. },
  143. xAxis: [
  144. {
  145. type: "category",
  146. data: [
  147. "2023年1月",
  148. "2023年2月",
  149. "2023年3月",
  150. "2023年4月",
  151. "2023年5月",
  152. "2023年6月",
  153. "2023年7月",
  154. "2023年8月",
  155. "2023年9月",
  156. "2023年10月",
  157. ],
  158. axisPointer: {
  159. type: "shadow",
  160. },
  161. },
  162. ],
  163. yAxis: [
  164. {
  165. type: "value",
  166. name: "游客数",
  167. axisLabel: {
  168. formatter: "{value} 人次",
  169. },
  170. },
  171. {
  172. type: "value",
  173. name: "同比增减",
  174. interval: 20,
  175. max: 200,
  176. axisLabel: {
  177. formatter: "{value} %",
  178. },
  179. },
  180. ],
  181. series: [
  182. {
  183. name: "过夜游客",
  184. type: "bar",
  185. yAxisIndex: 0,
  186. tooltip: {
  187. valueFormatter: function (value) {
  188. return value + " 人次";
  189. },
  190. },
  191. data: [
  192. 254124, 303870, 300848, 355720, 326500, 310942, 389612, 352098,
  193. 284177, 344331,
  194. ],
  195. },
  196. {
  197. name: "入境过夜住宿游客",
  198. type: "bar",
  199. tooltip: {
  200. valueFormatter: function (value) {
  201. return value + " 人次";
  202. },
  203. },
  204. data: [0, 788, 1026, 1740, 1967, 2200, 2720, 2748, 3231, 5539],
  205. itemStyle: {
  206. color: "red",
  207. },
  208. },
  209. {
  210. name: "过夜游客同比增减",
  211. type: "line",
  212. yAxisIndex: 1,
  213. tooltip: {
  214. valueFormatter: function (value) {
  215. return value + " %";
  216. },
  217. },
  218. data: [
  219. 22.09, 95.24, 132.26, 181.72, 116.83, 32.77, 106.47, 17.96, 26.06,
  220. 18.81,
  221. ],
  222. },
  223. {
  224. name: "入境过夜住宿游客同比增减",
  225. type: "line",
  226. yAxisIndex: 1,
  227. tooltip: {
  228. valueFormatter: function (value) {
  229. return value + " %";
  230. },
  231. },
  232. data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  233. },
  234. ],
  235. };
  236. option && myChart.setOption(option);
  237. var chartDom = document.getElementById("zsrEchart");
  238. var myChart = echarts.init(chartDom);
  239. var alldata = [
  240. [3418160, 352098],
  241. [33427158, 2604714],
  242. ];
  243. var option;
  244. var data = alldata[0];
  245. option = {
  246. title:{
  247. text:'旅游总收入'
  248. },
  249. tooltip: {
  250. trigger: "axis",
  251. axisPointer: {
  252. type: "cross",
  253. crossStyle: {
  254. color: "#999",
  255. },
  256. },
  257. },
  258. legend: {
  259. data: ["旅游总收入"],
  260. },
  261. xAxis: [
  262. {
  263. type: "category",
  264. data: [
  265. "2023年1月",
  266. "2023年2月",
  267. "2023年3月",
  268. "2023年4月",
  269. "2023年5月",
  270. "2023年6月",
  271. "2023年7月",
  272. "2023年8月",
  273. "2023年9月",
  274. "2023年10月",
  275. ],
  276. axisPointer: {
  277. type: "shadow",
  278. },
  279. },
  280. ],
  281. yAxis: [
  282. {
  283. type: "value",
  284. name: "总收入",
  285. axisLabel: {
  286. formatter: "{value} 万元",
  287. },
  288. },
  289. {
  290. type: "value",
  291. name: "同比增减",
  292. interval: 20,
  293. max: 100,
  294. axisLabel: {
  295. formatter: "{value} %",
  296. },
  297. },
  298. ],
  299. series: [
  300. {
  301. name: "旅游总收入",
  302. type: "bar",
  303. yAxisIndex: 0,
  304. tooltip: {
  305. valueFormatter: function (value) {
  306. return value + " 万元";
  307. },
  308. },
  309. data: [
  310. 251414, 304154, 322454, 308451, 424215, 298541, 353411, 296332,
  311. 384412, 311452,
  312. ],
  313. },
  314. {
  315. name: "旅游总收入同比增减",
  316. type: "line",
  317. yAxisIndex: 1,
  318. tooltip: {
  319. valueFormatter: function (value) {
  320. return value + " %";
  321. },
  322. },
  323. data: [
  324. 38.55, 24.93, 34.84, 20.75, 26.53, 20.44, 15.02, 20.03, 19.22, 8.82,
  325. ],
  326. },
  327. ],
  328. };
  329. option && myChart.setOption(option);
  330. var chartDom = document.getElementById("cyrsEchart");
  331. var myChart = echarts.init(chartDom);
  332. var alldata = [
  333. [3418160, 352098],
  334. [33427158, 2604714],
  335. ];
  336. var option;
  337. var data = alldata[0];
  338. option = {
  339. title:{
  340. text:'旅游从业人数'
  341. },
  342. tooltip: {
  343. trigger: "axis",
  344. axisPointer: {
  345. type: "cross",
  346. crossStyle: {
  347. color: "#999",
  348. },
  349. },
  350. },
  351. legend: {
  352. data: ["旅游从业人数"],
  353. },
  354. xAxis: [
  355. {
  356. type: "category",
  357. data: [
  358. "2023年1月",
  359. "2023年2月",
  360. "2023年3月",
  361. "2023年4月",
  362. "2023年5月",
  363. "2023年6月",
  364. "2023年7月",
  365. "2023年8月",
  366. "2023年9月",
  367. "2023年10月",
  368. ],
  369. axisPointer: {
  370. type: "shadow",
  371. },
  372. },
  373. ],
  374. yAxis: [
  375. {
  376. type: "value",
  377. name: "旅游从业人数",
  378. axisLabel: {
  379. formatter: "{value} 人次",
  380. },
  381. },
  382. {
  383. type: "value",
  384. name: "同比增减",
  385. interval: 5,
  386. max: 30,
  387. axisLabel: {
  388. formatter: "{value} %",
  389. },
  390. },
  391. ],
  392. series: [
  393. {
  394. name: "旅游从业人数",
  395. type: "bar",
  396. yAxisIndex: 0,
  397. tooltip: {
  398. valueFormatter: function (value) {
  399. return value + " 人次";
  400. },
  401. },
  402. data: [
  403. 33102, 33104, 33245, 33447, 33541, 33654, 33145, 33210, 32010, 32511,
  404. ],
  405. },
  406. {
  407. name: "旅游直接从业人数",
  408. type: "bar",
  409. yAxisIndex: 0,
  410. tooltip: {
  411. valueFormatter: function (value) {
  412. return value + " 万元";
  413. },
  414. },
  415. data: [6642, 6647, 6721, 6842, 6847, 6719, 6641, 6652, 6622, 6421],
  416. },
  417. {
  418. name: "旅游从业人数同比增减",
  419. type: "line",
  420. yAxisIndex: 1,
  421. tooltip: {
  422. valueFormatter: function (value) {
  423. return value + " %";
  424. },
  425. },
  426. data: [3.12, 3.05, 3.54, 4.2, 4.86, 5.23, 3.67, 5.57, 3.22, 4.07],
  427. },
  428. {
  429. name: "旅游直接从业人数同比增减",
  430. type: "line",
  431. yAxisIndex: 1,
  432. tooltip: {
  433. valueFormatter: function (value) {
  434. return value + " %";
  435. },
  436. },
  437. data: [3.46, 3.46, 4.69, 6.66, 6.98, 5.15, 4.03, 4.76, 4.88, 2.88],
  438. },
  439. ],
  440. };
  441. option && myChart.setOption(option);
  442. }