Fix missing formatting on the x axis of the row chart (#17974)

frontend/src/metabase/visualizations/lib/RowRenderer.js

@@ -119,6 +119,13 @@ export default function rowRenderer(
     .group(group)
     .ordering(d => d.index);
 
+  chart.xAxis().tickFormat(value => {
+    return formatValue(value, {
+      ...settings.column(cols[1]),
+      type: "axis",
+    });
+  });
+
   const labelPadHorizontal = 5;
   let labelsOutside = false;
 

frontend/test/metabase-visual/visualizations/row.cy.spec.js

+import { restore, visitQuestionAdhoc } from "__support__/e2e/cypress";
+import { SAMPLE_DATASET } from "__support__/e2e/cypress_sample_dataset";
+
+const { PRODUCTS, PRODUCTS_ID } = SAMPLE_DATASET;
+
+const testQuery = {
+  type: "query",
+  query: {
+    "source-table": PRODUCTS_ID,
+    aggregation: [["count"]],
+    breakout: [["field", PRODUCTS.PRICE, { binning: { strategy: "default" } }]],
+  },
+  database: 1,
+};
+
+describe("visual tests > visualizations > row", () => {
+  beforeEach(() => {
+    restore();
+    cy.signInAsNormalUser();
+    cy.server();
+    cy.route("POST", "/api/dataset").as("dataset");
+  });
+
+  it("with formatted x-axis", () => {
+    visitQuestionAdhoc({
+      dataset_query: testQuery,
+      display: "row",
+      displayIsLocked: true,
+      visualization_settings: {
+        column_settings: {
+          '["name","count"]': { suffix: " items", number_style: "decimal" },
+        },
+      },
+    });
+
+    cy.wait("@dataset");
+
+    cy.percySnapshot();
+  });
+});