add less than and greater than symbols when styling by field stats

nreese · nreese · commit 84f694bc91ae · 2019-12-04T13:25:24.000-07:00
diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/legend/style_property_legend_row.js b/x-pack/legacy/plugins/maps/public/layers/styles/vector/components/legend/style_property_legend_row.js
@@ -72,16 +72,17 @@ export class StylePropertyLegendRow extends Component {
     return !this.props.style.isDynamic() || !this.props.style.isComplete() || !this.props.style.getField().getName();
   }
 
-  _formatValue = value => {
+  _formatValue = (value, prefix) => {
     if (!this.state.hasLoadedFieldFormatter || !this._fieldValueFormatter || value === EMPTY_VALUE) {
       return value;
     }
 
-    return this._fieldValueFormatter(value);
+    return this.props.style.isFieldMetaEnabled()
+      ? `${prefix} ${this._fieldValueFormatter(value)}`
+      : this._fieldValueFormatter(value);
   }
 
   render() {
-
     const { range, style } = this.props;
     if (this._excludeFromHeader()) {
       return null;
@@ -91,8 +92,8 @@ export class StylePropertyLegendRow extends Component {
     return (
       <StyleLegendRow
         header={header}
-        minLabel={this._formatValue(_.get(range, 'min', EMPTY_VALUE))}
-        maxLabel={this._formatValue(_.get(range, 'max', EMPTY_VALUE))}
+        minLabel={this._formatValue(_.get(range, 'min', EMPTY_VALUE), '<')}
+        maxLabel={this._formatValue(_.get(range, 'max', EMPTY_VALUE), '>')}
         propertyLabel={getVectorStyleLabel(style.getStyleName())}
         fieldLabel={this.state.label}
       />
