chart.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. const CHARTLIST = {
  2. //一个图的配置信息
  3. jbzhz: {
  4. code: "jbzhz",
  5. name: "济北综合站工艺流程图", //窗口名称
  6. windowStyle: { width: 1610, height: 822 }, //外窗口样式
  7. bgImg: "/imgs/chart/chart_bg_jbzhz.png", // 外窗口背景图
  8. pipeStyle: { width: 1260, height: 680 }, //工艺图底图样式
  9. pipeImg: "/imgs/chart/chart_pipe_jbzhz.png", //工艺区背景图
  10. //需要订阅的点的属性
  11. // tags: [
  12. // {
  13. // label: "AT101", //显示名称
  14. // tag: "xxxxxxx", //订阅点名
  15. // unit: "℃", //数据单位
  16. // normalStyle: "", //正常显示样式
  17. // alarmStyle: "", //报警显示像是
  18. // left: 0, //位置left
  19. // top: 0, //位置top
  20. // },
  21. // ],
  22. /**
  23. * labelArrow 0无 1向右 2向左
  24. * labelStyle 文字标注样式
  25. * dataStyle 数据展示窗口样式
  26. */
  27. tags: [
  28. {
  29. code: "zsyjk",
  30. label: "中石油进口",
  31. labelArrow: 1,
  32. tag: "",
  33. labelStyle: { left: -180, top: 145 },
  34. dataStyle: { width: 150, left: -40, top: 55 },
  35. data: [
  36. { name: "进站压力", value: "1.78", unit: "MPa" },
  37. { name: "进站温度", value: "34.8", unit: "℃" },
  38. ],
  39. },
  40. {
  41. code: "zshjk",
  42. label: "中石化进口",
  43. labelArrow: 1,
  44. tag: "",
  45. labelStyle: { left: -180, bottom: 6 },
  46. dataStyle: { width: 150, left: -40, bottom: 80 },
  47. data: [
  48. { name: "进站压力", value: "2.86", unit: "MPa" },
  49. { name: "进站温度", value: "9.7", unit: "℃" },
  50. ],
  51. },
  52. {
  53. code: "cgya",
  54. label: "次高压A出口",
  55. labelArrow: 2,
  56. tag: "",
  57. labelStyle: { left: 420, top: 250 },
  58. dataStyle: { width: 150, right: 500, bottom: 310 },
  59. data: [
  60. { name: "出站压力", value: "1.23", unit: "MPa" },
  61. { name: "出站温度", value: "12", unit: "℃" },
  62. ],
  63. },
  64. {
  65. code: "cgyb",
  66. label: "次高压B出口",
  67. labelArrow: 2,
  68. tag: "",
  69. labelStyle: { left: 410, top: 413 },
  70. dataStyle: { width: 150, right: 550, bottom: 150 },
  71. data: [
  72. { name: "出站压力", value: "0.33", unit: "MPa" },
  73. { name: "出站温度", value: "7.7", unit: "℃" },
  74. ],
  75. },
  76. {
  77. code: "llj1",
  78. label: "1#流量计",
  79. labelArrow: 0,
  80. tag: "",
  81. labelStyle: { right: 326, top: 514 },
  82. dataStyle: { width: 200, left: -100, top: 230 },
  83. data: [
  84. { name: "流量计压力", value: "0.49", unit: "MPa" },
  85. { name: "流量计温度", value: "36.5", unit: "℃" },
  86. { name: "流量计流量", value: "0", unit: "m3/h" },
  87. { name: "流量计累计", value: "2970448", unit: "m3" },
  88. { name: "流量计日累计", value: "0", unit: "m3" },
  89. ],
  90. },
  91. {
  92. code: "llj2",
  93. label: "2#流量计",
  94. labelArrow: 0,
  95. tag: "",
  96. labelStyle: { right: 326, top: 456 },
  97. dataStyle: { width: 200, left: 110, top: 230 },
  98. data: [
  99. { name: "流量计压力", value: "0.49", unit: "MPa" },
  100. { name: "流量计温度", value: "7.6", unit: "℃" },
  101. { name: "流量计流量", value: "3101", unit: "m3/h" },
  102. { name: "流量计累计", value: "8051103", unit: "m3" },
  103. { name: "流量计日累计", value: "7023", unit: "m3" },
  104. ],
  105. },
  106. {
  107. code: "llj3",
  108. label: "3#流量计",
  109. labelArrow: 0,
  110. tag: "",
  111. labelStyle: { right: 210, top: 355 },
  112. dataStyle: { width: 200, left: -100, top: 373 },
  113. data: [
  114. { name: "流量计压力", value: "1.36", unit: "MPa" },
  115. { name: "流量计温度", value: "36.6", unit: "℃" },
  116. { name: "流量计流量", value: "0", unit: "m3/h" },
  117. { name: "流量计累计", value: "4682655", unit: "m3" },
  118. { name: "流量计日累计", value: "0", unit: "m3" },
  119. ],
  120. },
  121. {
  122. code: "llj4",
  123. label: "4#流量计",
  124. labelArrow: 0,
  125. tag: "",
  126. labelStyle: { right: 210, top: 298 },
  127. dataStyle: { width: 200, left: 110, top: 373 },
  128. data: [
  129. { name: "流量计压力", value: "1.33", unit: "MPa" },
  130. { name: "流量计温度", value: "11.9", unit: "℃" },
  131. { name: "流量计流量", value: "5771", unit: "m3/h" },
  132. { name: "流量计累计", value: "3194860", unit: "m3" },
  133. { name: "流量计日累计", value: "11408", unit: "m3" },
  134. ],
  135. },
  136. {
  137. code: "jqzck",
  138. label: "加气站用气出口",
  139. labelArrow: 0,
  140. tag: "",
  141. labelStyle: { right: -120, top: 215 },
  142. dataStyle: { width: 150, right: -150, top: -40 },
  143. data: [{ name: "汇管压力", value: "1.21", unit: "MPa" }],
  144. },
  145. {
  146. code: "ylck",
  147. label: "预留出口",
  148. labelArrow: 0,
  149. tag: "",
  150. labelStyle: { right: -70, top: 380 },
  151. dataStyle: { width: 200, left: 0, top: 0 },
  152. data: [],
  153. },
  154. {
  155. code: "yl",
  156. label: "预留",
  157. labelArrow: 0,
  158. tag: "",
  159. labelStyle: { right: -40, top: 530 },
  160. dataStyle: { width: 200, left: 0, top: 0 },
  161. data: [],
  162. },
  163. ],
  164. },
  165. };