改进监控页面样式,增加 chart.js 库文件
This commit is contained in:
@@ -2,18 +2,26 @@
|
||||
<h1>服务器监控</h1>
|
||||
|
||||
<div>
|
||||
<h3>判题实例数量</h3>
|
||||
<div>
|
||||
<canvas id="myChart" style="min-width:100%;max-height: 300px;"></canvas>
|
||||
<div style="text-align: center;">判题实例数量变化</div>
|
||||
<h3>等待判题队列长度</h3>
|
||||
|
||||
<div id="waiting-queue">
|
||||
<canvas class="line-chart" id="waiting-queue-chart"></canvas>
|
||||
</div>
|
||||
<div style="width: 50%;float: left;">
|
||||
<canvas id="c1" width="250" height="125"></canvas>
|
||||
<div style="text-align: center;">内存</div>
|
||||
</div>
|
||||
<div style="width: 50%;float: left;">
|
||||
<canvas id="c2" width="250" height="125"></canvas>
|
||||
<div style="text-align: center"> cpu</div>
|
||||
<div>
|
||||
|
||||
<h3>【10.1.24.23 - judge1 】</h3>
|
||||
|
||||
<div>
|
||||
<canvas class="line-chart" id="judge-instance-chart"></canvas>
|
||||
<div class="chart-description">判题实例数量变化</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<canvas id="c1" class="line-chart"></canvas>
|
||||
<div class="chart-description">cpu 和 内存</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user