fix prometheus response parsing issue

public/components/custom_panels/helpers/utils.tsx

@@ -497,7 +497,7 @@
   setVisualizationMetaData: React.Dispatch<React.SetStateAction<undefined>>;
   setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
   setIsError: React.Dispatch<React.SetStateAction<VizContainerError>>;
   visualization: any;
   setToast: (
     title: string,
     color?: string,
@@ -526,7 +526,7 @@
   setVisualizationType(visualizationType);
   setVisualizationTitle(source.name);
 
   const dataBinsPromises = source.buckets.map(async (bucket: any) => {
     try {
       const formattedStartTime = convertDateTime(startTime, false, false, OTEL_METRIC_SUBTYPE);
       const formattedEndTime = convertDateTime(endTime, false, false, OTEL_METRIC_SUBTYPE);
@@ -659,7 +659,7 @@
   return true;
 };
 
 export const processMetricsData = (schema: any) => {
   if (isEmpty(schema)) return {};
   if (
     schema.length === 3 &&
@@ -670,10 +670,10 @@
   return {};
 };
 
 export const prepareMetricsData = (schema: any) => {
   const metricBreakdown: any[] = [];
   const metricSeries: any[] = [];
   const metricDimension: any[] = [];
 
   forEach(schema, (field) => {
     if (field.name === '@timestamp')
@@ -691,8 +691,8 @@
 };
 
 export const constructOtelMetricsMetaData = () => {
   const otelMetricSeries: any[] = [];
   const otelMetricDimension: any[] = [];
 
   otelMetricDimension.push({ name: 'xAxis', label: 'xAxis', customLabel: '' });
   otelMetricSeries.push({ name: '', label: '', aggregation: 'count', customLabel: '' });
@@ -704,16 +704,25 @@
   };
 };
 
+export const parseMetadataUserConfig = (
+  userConfigs?: string | SavedObjectAttributes
+): SavedObjectAttributes => {
+  if (userConfigs === undefined || userConfigs === '') {
+    return {};
+  } else if (typeof userConfigs === 'string') {
+    return JSON.parse(userConfigs);
+  } else {
+    return userConfigs;
+  }
+};
+
 // Renders visualization in the vizualization container component
 export const displayVisualization = (metaData: any, data: any, type: string) => {
   if (metaData === undefined || isEmpty(metaData)) {
     return <></>;
   }
 
-  if (metaData.userConfigs !== undefined && metaData.userConfigs !== '') {
-    metaData.userConfigs = JSON.parse(metaData.userConfigs);
-  }
-
+  metaData.userConfigs = parseMetadataUserConfig(metaData.userConfigs);
   const dataConfig = { ...(metaData.userConfigs?.dataConfig || {}) };
   const hasBreakdowns = !_.isEmpty(dataConfig.breakdowns);
   const realTimeParsedStats = {