- <a class="stats-orderby current" data-orderby="cpu" href="#">CPU usage</a> -
- <a class="stats-orderby" data-orderby="mem" href="#">Memory usage</a> -
- <a class="stats-orderby" data-orderby="snd" href="#">Sending bandwidth</a> -
- <a class="stats-orderby" data-orderby="rcv" href="#">Receiving bandwidth</a>
+ <a class="stats-orderby current" data-orderby="cpu" data-graph="experiments" href="#">CPU usage</a> ·
+ <a class="stats-orderby" data-orderby="mem" data-graph="experiments" href="#">Memory usage</a> ·
+ <a class="stats-orderby" data-orderby="snd" data-graph="experiments" href="#">Sending bandwidth</a> ·
+ <a class="stats-orderby" data-orderby="rcv" data-graph="experiments" href="#">Receiving bandwidth</a>
+ </div>
+ <div class="col-md-5">
+ Period:
+ <a class="stats-period current" data-period="day" data-graph="experiments" href="#">Last day</a> ·
+ <a class="stats-period" data-period="week" data-graph="experiments" href="#">Last week</a> ·
+ <a class="stats-period" data-period="month" data-graph="experiments" href="#">Last month</a> ·
+ <a class="stats-period" data-period="3months" data-graph="experiments" href="#">Last three months</a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div id="experiments"></div>
+ </div>
+ </div>
+</div>
+<div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Resource statistics <span class="htitle">top resources per usage in the <span id="stats-period-resources-txt">last day</span></span></h1>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-7">
+ Order by:
+ <a class="stats-orderby current" data-orderby="cpu" data-graph="resources" href="#">CPU usage</a> ·
+ <a class="stats-orderby" data-orderby="mem" data-graph="resources" href="#">Memory usage</a> ·
+ <a class="stats-orderby" data-orderby="snd" data-graph="resources" href="#">Sending bandwidth</a> ·
+ <a class="stats-orderby" data-orderby="rcv" data-graph="resources" href="#">Receiving bandwidth</a>
+ </div>
+ <div class="col-md-5">
+ Period:
+ <a class="stats-period current" data-period="day" data-graph="resources" href="#">Last day</a> ·
+ <a class="stats-period" data-period="week" data-graph="resources" href="#">Last week</a> ·
+ <a class="stats-period" data-period="month" data-graph="resources" href="#">Last month</a> ·
+ <a class="stats-period" data-period="3months" data-graph="resources" href="#">Last three months</a>