From f38547eb80dd36b575b812c38f6d2fb6fe31553a Mon Sep 17 00:00:00 2001
From: Davis McPhee <davis.mcphee@elastic.co>
Date: Wed, 2 Nov 2022 22:39:57 -0300
Subject: [PATCH] [Discover] Updating histogram labels and settings

---
 .../public/chart/breakdown_field_selector.tsx |  5 +++-
 .../public/chart/get_lens_attributes.ts       | 24 +++++++++++++++----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/plugins/unified_histogram/public/chart/breakdown_field_selector.tsx b/src/plugins/unified_histogram/public/chart/breakdown_field_selector.tsx
index 1369ffce513d4..6a5a953d20781 100644
--- a/src/plugins/unified_histogram/public/chart/breakdown_field_selector.tsx
+++ b/src/plugins/unified_histogram/public/chart/breakdown_field_selector.tsx
@@ -9,6 +9,7 @@
 import { EuiComboBox, EuiComboBoxOptionOption, useEuiTheme } from '@elastic/eui';
 import { css } from '@emotion/react';
 import { DataView, DataViewField } from '@kbn/data-views-plugin/common';
+import { i18n } from '@kbn/i18n';
 import React, { useCallback } from 'react';
 import { UnifiedHistogramBreakdownContext } from '../types';
 
@@ -47,7 +48,9 @@ export const BreakdownFieldSelector = ({
 
   return (
     <EuiComboBox
-      prepend="Breakdown by"
+      prepend={i18n.translate('unifiedHistogram.breakdownFieldSelectorLabel', {
+        defaultMessage: 'Break down by',
+      })}
       singleSelection={{ asPlainText: true }}
       options={fieldOptions}
       selectedOptions={selectedFields}
diff --git a/src/plugins/unified_histogram/public/chart/get_lens_attributes.ts b/src/plugins/unified_histogram/public/chart/get_lens_attributes.ts
index a630633012012..10164b5392f7d 100644
--- a/src/plugins/unified_histogram/public/chart/get_lens_attributes.ts
+++ b/src/plugins/unified_histogram/public/chart/get_lens_attributes.ts
@@ -8,6 +8,7 @@
 
 import type { DataView, DataViewField } from '@kbn/data-views-plugin/public';
 import type { AggregateQuery, Filter, Query } from '@kbn/es-query';
+import { i18n } from '@kbn/i18n';
 import type {
   CountIndexPatternColumn,
   DateHistogramIndexPatternColumn,
@@ -52,10 +53,20 @@ export const getLensAttributes = ({
     count_column: {
       dataType: 'number',
       isBucketed: false,
-      label: 'Count of records',
+      label: i18n.translate('unifiedHistogram.countColumnLabel', {
+        defaultMessage: 'Count of records',
+      }),
       operationType: 'count',
       scale: 'ratio',
       sourceField: '___records___',
+      params: {
+        format: {
+          id: 'number',
+          params: {
+            decimals: 0,
+          },
+        },
+      },
     } as CountIndexPatternColumn,
   };
 
@@ -65,7 +76,10 @@ export const getLensAttributes = ({
       breakdown_column: {
         dataType: 'string',
         isBucketed: true,
-        label: `Top 3 values of ${breakdownField.name}`,
+        label: i18n.translate('unifiedHistogram.breakdownColumnLabel', {
+          defaultMessage: 'Top 3 values of {fieldName}',
+          values: { fieldName: breakdownField?.displayName },
+        }),
         operationType: 'terms',
         scale: 'ordinal',
         sourceField: breakdownField.name,
@@ -139,17 +153,17 @@ export const getLensAttributes = ({
         axisTitlesVisibilitySettings: {
           x: false,
           yLeft: false,
-          yRight: true,
+          yRight: false,
         },
         gridlinesVisibilitySettings: {
           x: true,
           yLeft: true,
-          yRight: true,
+          yRight: false,
         },
         tickLabelsVisibilitySettings: {
           x: true,
           yLeft: true,
-          yRight: true,
+          yRight: false,
         },
       },
     },