1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2024-12-25 15:45:23 +00:00

Adde legend

This commit is contained in:
Retspen 2015-03-23 11:54:59 +02:00
parent 8d18d40295
commit 30db0f8e7a
2 changed files with 41 additions and 5 deletions

View file

@ -146,3 +146,35 @@ p {
.flot-chart { .flot-chart {
max-height: 250px; max-height: 250px;
} }
.netIN {
border-color: rgb(83, 191, 189);
margin: 0.5em;
border-style: solid;
border-width: 0 0 0 1em;
padding: 0 0.3em;
}
.netOUT {
border-color: rgb(151, 187, 205);
margin: 0.5em;
border-style: solid;
border-width: 0 0 0 1em;
padding: 0 0.3em;
}
.diskRD {
border-color: rgb(190, 195, 205);
margin: 0.5em;
border-style: solid;
border-width: 0 0 0 1em;
padding: 0 0.3em;
}
.diskWR {
border-color: rgb(249, 134, 33);
margin: 0.5em;
border-style: solid;
border-width: 0 0 0 1em;
padding: 0 0.3em;
}

View file

@ -718,6 +718,8 @@
<div class="flot-chart"> <div class="flot-chart">
<div class="flot-chart-content" id="flot-moving-line-chart" style="padding: 0px; position: relative;"> <div class="flot-chart-content" id="flot-moving-line-chart" style="padding: 0px; position: relative;">
<canvas id="netEth{{ forloop.counter0 }}Chart" width="735" height="250"></canvas> <canvas id="netEth{{ forloop.counter0 }}Chart" width="735" height="250"></canvas>
<span class="netIN">{% trans "In" %}</span>
<span class="netOUT">{% trans "Out" %}</span>
</div> </div>
</div> </div>
</div> </div>
@ -732,6 +734,8 @@
<div class="flot-chart"> <div class="flot-chart">
<div class="flot-chart-content" id="flot-moving-line-chart" style="padding: 0px; position: relative;"> <div class="flot-chart-content" id="flot-moving-line-chart" style="padding: 0px; position: relative;">
<canvas id="blk{{ disk.dev }}Chart" width="735" height="250"></canvas> <canvas id="blk{{ disk.dev }}Chart" width="735" height="250"></canvas>
<span class="diskRD">{% trans "Read" %}</span>
<span class="diskWR">{% trans "Write" %}</span>
</div> </div>
</div> </div>
</div> </div>
@ -890,9 +894,9 @@
labels : [0, 0, 0, 0, 0], labels : [0, 0, 0, 0, 0],
datasets : [ datasets : [
{ {
"fillColor": "rgba(83,191,189,0.5)", "fillColor": "rgba(220,220,220,0.5)",
"strokeColor": "rgba(83,191,189,1)", "strokeColor": "rgba(220,220,220,1)",
"pointColor": "rgba(83,191,189,1)", "pointColor": "rgba(220,220,220,1)",
"pointStrokeColor": "#fff", "pointStrokeColor": "#fff",
"data": [0, 0, 0, 0, 0] "data": [0, 0, 0, 0, 0]
}, },
@ -904,7 +908,7 @@
"data": [0, 0, 0, 0, 0] "data": [0, 0, 0, 0, 0]
}, },
] ]
} };
var netLineData = { var netLineData = {
labels : [0, 0, 0, 0, 0], labels : [0, 0, 0, 0, 0],
@ -924,7 +928,7 @@
"data": [0, 0, 0, 0, 0] "data": [0, 0, 0, 0, 0]
}, },
] ]
} };
var cpuOpt = { var cpuOpt = {
animation: false, animation: false,