healthCareZt.js 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. function healthCareNew() {
  2. var chartDom = document.getElementById("wsylchar");
  3. var myChart = echarts.init(chartDom);
  4. var option;
  5. myChart.clear();
  6. option = {
  7. xAxis: {
  8. type: "category",
  9. data: ["2021年", "2022年", "2023年"],
  10. },
  11. yAxis: {
  12. type: "value",
  13. axisLabel: {
  14. formatter: "{value} 家",
  15. },
  16. },
  17. grid: {
  18. left: "3%",
  19. right: "4%",
  20. bottom: "3%",
  21. containLabel: true,
  22. },
  23. tooltip: {
  24. trigger: "axis",
  25. axisPointer: {
  26. type: "shadow",
  27. },
  28. backgroundColor: "rgb(0 0 0 / 40%)",
  29. borderColor: "transparent",
  30. textStyle: {
  31. color: "#fff",
  32. },
  33. valueFormatter: function (value) {
  34. return value + " 家";
  35. },
  36. confine: true
  37. },
  38. series: [
  39. {
  40. name: "在园幼儿",
  41. data: [682, 707, 753],
  42. type: "bar",
  43. barWidth: "60",
  44. },
  45. ],
  46. };
  47. option && myChart.setOption(option);
  48. var chartDom = document.getElementById("other1");
  49. var myChart = echarts.init(chartDom);
  50. myChart.clear();
  51. var option;
  52. option = {
  53. xAxis: {
  54. type: "category",
  55. data: ["2021年", "2022年", "2023年"],
  56. },
  57. yAxis: {
  58. type: "value",
  59. axisLabel: {
  60. formatter: "{value} 个",
  61. },
  62. },
  63. grid: {
  64. left: "3%",
  65. right: "4%",
  66. bottom: "3%",
  67. containLabel: true,
  68. },
  69. legend: {
  70. type: "plain",
  71. },
  72. tooltip: {
  73. trigger: "axis",
  74. axisPointer: {
  75. type: "shadow",
  76. },
  77. backgroundColor: "rgb(0 0 0 / 40%)",
  78. borderColor: "transparent",
  79. textStyle: {
  80. color: "#fff",
  81. },
  82. valueFormatter: function (value) {
  83. return value + " 个";
  84. },
  85. confine: true
  86. },
  87. series: [
  88. {
  89. name: "医疗机构床位数",
  90. data: [7208, 7200, 5396],
  91. type: "bar",
  92. barWidth: "60",
  93. },
  94. ],
  95. };
  96. option && myChart.setOption(option);
  97. var chartDom = document.getElementById("ylryEchar");
  98. var myChart = echarts.init(chartDom);
  99. myChart.clear();
  100. var option;
  101. option = {
  102. xAxis: {
  103. type: "category",
  104. data: ["2021年", "2022年", "2023年"],
  105. },
  106. yAxis: {
  107. type: "value",
  108. axisLabel: {
  109. formatter: "{value} 家",
  110. },
  111. },
  112. grid: {
  113. left: "3%",
  114. right: "4%",
  115. bottom: "3%",
  116. containLabel: true,
  117. },
  118. legend: {
  119. show: true,
  120. type: "scroll",
  121. },
  122. tooltip: {
  123. trigger: "axis",
  124. axisPointer: {
  125. type: "shadow",
  126. },
  127. backgroundColor: "rgb(0 0 0 / 40%)",
  128. borderColor: "transparent",
  129. textStyle: {
  130. color: "#fff",
  131. },
  132. valueFormatter: function (value) {
  133. return value + " 家";
  134. },
  135. confine: true
  136. },
  137. series: [
  138. {
  139. name: "医院",
  140. data: [24, 24, 24],
  141. type: "bar",
  142. itemStyle: {
  143. color: "#27C2C1",
  144. },
  145. },
  146. {
  147. name: "卫生院",
  148. data: [7, 7, 6],
  149. type: "bar",
  150. itemStyle: {
  151. color: "#3377D6",
  152. },
  153. },
  154. {
  155. name: "社区卫生服务中心(站)",
  156. data: [46, 46, 45],
  157. type: "bar",
  158. itemStyle: {
  159. color: "#5470C6",
  160. },
  161. },
  162. {
  163. name: "村卫生室",
  164. data: [33, 31, 28],
  165. type: "bar",
  166. itemStyle: {
  167. color: "#91CC75",
  168. },
  169. },
  170. {
  171. name: "疾控中心",
  172. data: [1, 1, 1],
  173. type: "bar",
  174. itemStyle: {
  175. color: "#FAC03E",
  176. },
  177. },
  178. {
  179. name: "妇幼保健院",
  180. data: [1, 1, 1],
  181. type: "bar",
  182. itemStyle: {
  183. color: "#FA8319",
  184. },
  185. },
  186. ],
  187. };
  188. option && myChart.setOption(option);
  189. var chartDom = document.getElementById("zlrsEchar");
  190. var myChart = echarts.init(chartDom);
  191. myChart.clear();
  192. var option;
  193. option = {
  194. xAxis: {
  195. type: "category",
  196. data: ["2021年", "2022年", "2023年"],
  197. },
  198. yAxis: {
  199. type: "value",
  200. axisLabel: {
  201. formatter: "{value} 人",
  202. },
  203. },
  204. grid: {
  205. left: "3%",
  206. right: "4%",
  207. bottom: "3%",
  208. containLabel: true,
  209. },
  210. tooltip: {
  211. trigger: "axis",
  212. axisPointer: {
  213. type: "shadow",
  214. },
  215. backgroundColor: "rgb(0 0 0 / 40%)",
  216. borderColor: "transparent",
  217. textStyle: {
  218. color: "#fff",
  219. },
  220. valueFormatter: function (value) {
  221. return value + " 人";
  222. },
  223. confine: true
  224. },
  225. legend: {
  226. show: true,
  227. type: "scroll",
  228. },
  229. series: [
  230. {
  231. name: "卫生技术人员",
  232. data: [10856, 10435, 11596],
  233. type: "bar",
  234. itemStyle: {
  235. color: "#3377D6",
  236. },
  237. },
  238. {
  239. name: "执业(助理)医师",
  240. data: [4267, 3360, 4554],
  241. type: "bar",
  242. itemStyle: {
  243. color: "#FA8319",
  244. },
  245. },
  246. {
  247. name: "注册护士",
  248. data: [6589, 4054, 7042],
  249. type: "bar",
  250. itemStyle: {
  251. color: "#2294FF",
  252. },
  253. },
  254. {
  255. name: "每千人口执业(助理)医师",
  256. data: [3.36, 2.8, 3.79],
  257. type: "bar",
  258. itemStyle: {
  259. color: "#91CC75",
  260. },
  261. },
  262. {
  263. name: "每千人口注册护士",
  264. data: [5.19, 3.38, 5.86],
  265. type: "bar",
  266. itemStyle: {
  267. color: "#27C2C1",
  268. },
  269. },
  270. ],
  271. };
  272. option && myChart.setOption(option);
  273. var chartDom = document.getElementById("zlrs");
  274. var myChart = echarts.init(chartDom);
  275. myChart.clear();
  276. var option;
  277. option = {
  278. xAxis: {
  279. type: "category",
  280. data: ["2021年", "2022年", "2023年"],
  281. },
  282. yAxis: {
  283. type: "value",
  284. axisLabel: {
  285. formatter: "{value} 万人",
  286. },
  287. },
  288. grid: {
  289. left: "3%",
  290. right: "4%",
  291. bottom: "3%",
  292. containLabel: true,
  293. },
  294. tooltip: {
  295. trigger: "axis",
  296. axisPointer: {
  297. type: "shadow",
  298. },
  299. backgroundColor: "rgb(0 0 0 / 40%)",
  300. borderColor: "transparent",
  301. textStyle: {
  302. color: "#fff",
  303. },
  304. valueFormatter: function (value) {
  305. return value + " 万人";
  306. },
  307. confine: true
  308. },
  309. legend: {
  310. show: true,
  311. type: "scroll",
  312. },
  313. series: [
  314. {
  315. name: "总诊疗人次",
  316. data: [576.8, 564.99, 342.5],
  317. type: "bar",
  318. itemStyle: {
  319. color: "#3377D6",
  320. },
  321. },
  322. {
  323. name: "门急诊人次",
  324. data: [529.7, 530.2, 342.6],
  325. type: "bar",
  326. itemStyle: {
  327. color: "#27C2C1",
  328. },
  329. },
  330. {
  331. name: "入院人次",
  332. data: [11.3, 11.3, "一年统计一次"],
  333. type: "bar",
  334. itemStyle: {
  335. color: "#2294FF",
  336. },
  337. },
  338. {
  339. name: "出院人次",
  340. data: [11.3, 11.2, 12],
  341. type: "bar",
  342. itemStyle: {
  343. color: "#91CC75",
  344. },
  345. },
  346. ],
  347. };
  348. option && myChart.setOption(option);
  349. }