wdfbBySjTjt.htm 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>温度按时间统计-日线</title>
  6. <script type="text/javascript">
  7. $(function() {
  8. Highcharts.setOptions({
  9. lang: {
  10. resetZoom: "重置",
  11. }
  12. });
  13. $("#chartDiv").highcharts({
  14. chart: {
  15. zoomType: "x",
  16. borderWidth: 0
  17. },
  18. colors: ["#3a8ecf", "#8bba00", "#f6bd0f"],
  19. exporting: {
  20. enabled: false
  21. },
  22. title: {
  23. text: "$!jsms"=="1" ? "体温日线" : "体温全程",
  24. },
  25. xAxis: {
  26. categories: eval("$!xAxis")
  27. },
  28. yAxis: {
  29. title: {
  30. text: "℃"
  31. }
  32. },
  33. tooltip: {
  34. valueDecimals: 2,
  35. valueSuffix: "℃",
  36. followTouchMove: true,
  37. followPointer:true,
  38. shared: true,
  39. useHTML: true,
  40. crosshairs: [{
  41. width: 2,
  42. color: "#FF5B00",
  43. dashStyle: "shortdot"
  44. }, {
  45. width: 2,
  46. color: "#FF5B00",
  47. dashStyle: "shortdot"
  48. }]
  49. },
  50. legend: {
  51. enabled: true
  52. },
  53. credits: {
  54. enabled: false
  55. },
  56. plotOptions: {
  57. line: {
  58. turboThreshold: 0,
  59. marker: {
  60. radius: 2
  61. },
  62. lineWidth: 2,
  63. states: {
  64. hover: {
  65. enabled: false,
  66. lineWidth: 3
  67. }
  68. },
  69. }
  70. },
  71. series: [{
  72. name: "最高",
  73. data: eval("$!yAxisMax")
  74. }, {
  75. name: "平均",
  76. data: eval("$!yAxisAvg")
  77. }, {
  78. name: "最低",
  79. data: eval("$!yAxisMin")
  80. }]
  81. });
  82. });
  83. </script>
  84. </head>
  85. <body>
  86. <div>
  87. <div id="chartDiv" style="height: 100%; width: 100%;"></div>
  88. </div>
  89. </body>
  90. </html>