ebsjList.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. var ebsj = new Object();
  2. ebsj.loadSearchModule = function(p) {
  3. var $div = $("#" + p.id);
  4. if ($div.length > 0) {
  5. $div.load('ebsjSearchModule.htm', {
  6. from : p.from,
  7. callBackFunName : p.callBackFunName,
  8. 'ebsjSearchGrid' : $("#ebsjSearchGrid").val()
  9. }, function() {
  10. });
  11. }
  12. };
  13. /**
  14. * 加载单元档案查询模块
  15. */
  16. ebsj.loadSearchModule({
  17. id : 'ebsjSearchModule',
  18. from : 'ebsj',
  19. callBackFunName : 'searchEbsjCallBack'
  20. });
  21. /**
  22. * 搜索条件回调函数
  23. *
  24. * @param {搜索条件对象}
  25. * data
  26. * @param {分隔符}
  27. * fgf
  28. */
  29. function searchEbsjCallBack(data, fgf) {
  30. jQuery.ajax({
  31. type : "get",
  32. url : "getEbsjDbTjt.htm",
  33. data : [{
  34. name : 'param',
  35. value : data
  36. }, {
  37. name : 'fgf',
  38. value : fgf
  39. }],
  40. dataType : "json",
  41. async : true,
  42. success : function(data) {
  43. getTjtShow(data);
  44. /*if (data) {
  45. getTjtShow(data);
  46. }*/
  47. }
  48. });
  49. }
  50. function getTjtShow(data) {
  51. Highcharts.setOptions({
  52. lang: {
  53. resetZoom: '重置',
  54. printChart: '打印图表',
  55. downloadJPEG: '导出JPEG图片',
  56. downloadPDF: '导出PDF文件',
  57. downloadPNG: '导出PNG图片',
  58. downloadSVG: '导出SVG文件'
  59. },
  60. global: { useUTC: false } //不使用时区
  61. });
  62. console.log(data);
  63. var chart = Highcharts.chart('chartDiv', {
  64. chart: {
  65. zoomType: 'xy'
  66. },
  67. title: {
  68. text: '智能耳标数据对比'
  69. },
  70. subtitle: {
  71. text: ''
  72. },
  73. xAxis: {
  74. type: 'datetime',
  75. minRange: 60 * 1000 * 60,
  76. dateTimeLabelFormats: {
  77. second: '%H:%M:%S',
  78. minute: '%H:%M',
  79. hour: '%H:%M',
  80. day: '%m-%d',
  81. month: '%m-%d',
  82. week: '%m-%d',
  83. year: '$Y'
  84. }
  85. },
  86. yAxis: [{ // Primary yAxis
  87. labels: {
  88. format: '{value}°C',
  89. style: {
  90. color: Highcharts.getOptions().colors[1]
  91. }
  92. },
  93. title: {
  94. text: '温度',
  95. style: {
  96. color: Highcharts.getOptions().colors[1]
  97. }
  98. }
  99. }, { // Secondary yAxis
  100. title: {
  101. text: '运动时长',
  102. style: {
  103. color: Highcharts.getOptions().colors[0]
  104. }
  105. },
  106. labels: {
  107. format: '{value} s',
  108. style: {
  109. color: Highcharts.getOptions().colors[0]
  110. }
  111. },
  112. opposite: true
  113. }],
  114. tooltip: {
  115. formatter: function () {
  116. var sj = Highcharts.dateFormat("%H:%M", this.x);
  117. sj = "时间:" + sj;
  118. var str = sj + '<br/>' + '<strong>' + this.y + '</strong>';
  119. return str;
  120. },
  121. shared: true
  122. },
  123. legend: {
  124. layout: 'vertical',
  125. align: 'left',
  126. x: 120,
  127. verticalAlign: 'top',
  128. y: 100,
  129. floating: true,
  130. backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
  131. },
  132. series: [{
  133. name: '运动时长',
  134. type: 'column',
  135. yAxis: 1,
  136. data: data.result[1],
  137. tooltip: {
  138. valueSuffix: ' s'
  139. }
  140. }, {
  141. name: '自动采集温度',
  142. type: 'spline',
  143. data: data.result[0],
  144. tooltip: {
  145. valueSuffix: '°C'
  146. }
  147. }, {
  148. name: '手动采集温度',
  149. type: 'spline',
  150. data: data.result[2],
  151. tooltip: {
  152. valueSuffix: '°C'
  153. }
  154. }]
  155. });
  156. }
  157. /**
  158. * 加载单元档案列表数据
  159. */
  160. function loadEbsjGrid() {
  161. jQuery.ajax({
  162. type : "get",
  163. url : "getEbsjDbTjt.htm",
  164. data : {"ebdaid" : $("#ebdaid").val()},
  165. dataType : "json",
  166. async : true,
  167. success : function(data) {
  168. getTjtShow(data);
  169. /*if (data) {
  170. getTjtShow(data);
  171. }*/
  172. }
  173. });
  174. }
  175. loadEbsjGrid();