showlog.php 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <script src="../../node_modules/jquery/dist/jquery.js"></script>
  7. <style type="text/css">
  8. .highcharts-figure, .highcharts-data-table table {
  9. flex:1;
  10. min-width: 220px;
  11. max-width: 100%;
  12. margin: 1em auto;
  13. }
  14. .highcharts-data-table table {
  15. font-family: Verdana, sans-serif;
  16. border-collapse: collapse;
  17. border: 1px solid #EBEBEB;
  18. margin: 10px auto;
  19. text-align: center;
  20. width: 100%;
  21. max-width: 500px;
  22. }
  23. .highcharts-data-table caption {
  24. padding: 1em 0;
  25. font-size: 1.2em;
  26. color: #555;
  27. }
  28. .highcharts-data-table th {
  29. font-weight: 600;
  30. padding: 0.5em;
  31. }
  32. .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  33. padding: 0.5em;
  34. }
  35. .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  36. background: #f8f8f8;
  37. }
  38. .highcharts-data-table tr:hover {
  39. background: #f1f7ff;
  40. }
  41. .chart_head_1 {
  42. text-align: center;
  43. font-size: x-large;
  44. margin-bottom: 0;
  45. font-weight: bold;
  46. }
  47. .highcharts-data-label {
  48. font-size: small;
  49. }
  50. </style>
  51. <script src="../../node_modules/highcharts/highstock.js"></script>
  52. <script src="../../node_modules/highcharts/modules/data.js"></script>
  53. <script src="../../node_modules/highcharts/modules/exporting.js"></script>
  54. <script src="./showlog.js"></script>
  55. </head>
  56. <body>
  57. <h2><?php echo $_GET['file'];?></h2>
  58. <div style="display:flex;">
  59. <div id='chart-1'></div>
  60. <div id='chart-2'></div>
  61. </div>
  62. <div id='chart-3'></div>
  63. <div id='chart-4'></div>
  64. <div id='chart-3a'></div>
  65. <div id='chart-5'></div>
  66. <div id="chart-6"></div>
  67. <script>
  68. </script>
  69. <script type="text/javascript">
  70. getData('<?php echo $_GET['file'];?>');
  71. </script>
  72. </body>
  73. </html>