[ML] Change field name so that it doesn't contain special characters (#…

…134113) (#134312)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 8d74db6)

Co-authored-by: Quynh Nguyen <43350163+qn895@users.noreply.github.com>

x-pack/plugins/data_visualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx

@@ -225,15 +225,14 @@ export const DataVisualizerTable = <T extends DataVisualizerTableItem>({
         width: dimensions.docCount,
       },
       {
-        field: 'stats.cardinality',
+        field: 'cardinality',
         name: i18n.translate('xpack.dataVisualizer.dataGrid.distinctValuesColumnName', {
           defaultMessage: 'Distinct values',
         }),
-        render: (cardinality: number | undefined) => (
-          <DistinctValues cardinality={cardinality} showIcon={dimensions.showIcon} />
+        render: (_: undefined, item: DataVisualizerTableItem) => (
+          <DistinctValues cardinality={item?.stats?.cardinality} showIcon={dimensions.showIcon} />
         ),
-
-        sortable: true,
+        sortable: (item: DataVisualizerTableItem) => item?.stats?.cardinality,
         align: LEFT_ALIGNMENT as HorizontalAlignment,
         'data-test-subj': 'dataVisualizerTableColumnDistinctValues',
         width: dimensions.distinctValues,