IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup legend value by using css content

Browse Source
This commit is contained in:
Chia-liang Kao 2014-08-09 19:52:20 +08:00 committed by Torkel Ödegaard
parent b98a8ee83a
commit d51d5af992
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/panels/graph/legend.html
View File

@ -13,20 +13,15 @@
{{series.alias}} {{series.alias}}
</a> </a>
</div> </div>
<div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.current"> <div class="graph-legend-value current small" ng-show="panel.legend.values && panel.legend.current" ng-bind="series.current">
Current: {{series.current}}
</div> </div>
<div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.min"> <div class="graph-legend-value min small" ng-show="panel.legend.values && panel.legend.min" ng-bind="series.min">
Min: {{series.min}}
</div> </div>
<div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.max"> <div class="graph-legend-value max small" ng-show="panel.legend.values && panel.legend.max" ng-bind="series.max">
Max: {{series.max}}
</div> </div>
<div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.total"> <div class="graph-legend-value total small" ng-show="panel.legend.values && panel.legend.total" ng-bind="series.total">
Total: {{series.total}}
</div> </div>
<div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.avg"> <div class="graph-legend-value avg small" ng-show="panel.legend.values && panel.legend.avg" ng-bind="series.avg">
Avg: {{series.avg}}
</div> </div>
</div> </div>

15
src/css/less/graph.less
View File

@ -25,6 +25,21 @@
.graph-legend-value { .graph-legend-value {
float: left; float: left;
white-space: nowrap; white-space: nowrap;
&.current:before {
content: "Current: "
}
&.max:before {
content: "Max: "
}
&.min:before {
content: "Min: "
}
&.total:before {
content: "Total: "
}
&.avg:before {
content: "Avg: "
}
} }
.graph-legend-series { .graph-legend-series {