Cleanup legend value by using css content

src/app/panels/graph/legend.html

@@ -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">
-      Current: {{series.current}}
+    <div class="graph-legend-value current small" ng-show="panel.legend.values && panel.legend.current" ng-bind="series.current">
     </div>
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.min">
-      Min: {{series.min}}
+    <div class="graph-legend-value min small" ng-show="panel.legend.values && panel.legend.min" ng-bind="series.min">
     </div>
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.max">
-      Max: {{series.max}}
+    <div class="graph-legend-value max small" ng-show="panel.legend.values && panel.legend.max" ng-bind="series.max">
     </div>
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.total">
-      Total: {{series.total}}
+    <div class="graph-legend-value total small" ng-show="panel.legend.values && panel.legend.total" ng-bind="series.total">
     </div>
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.avg">
-      Avg: {{series.avg}}
+    <div class="graph-legend-value avg small" ng-show="panel.legend.values && panel.legend.avg" ng-bind="series.avg">
     </div>
     </div>
   </div>
   </div>
 
 

src/css/less/graph.less

@@ -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 {