diff --git a/public/components/custom_panels/helpers/utils.tsx b/public/components/custom_panels/helpers/utils.tsx
index d2ca2a1be5..195bff570c 100644
--- a/public/components/custom_panels/helpers/utils.tsx
+++ b/public/components/custom_panels/helpers/utils.tsx
@@ -469,6 +469,11 @@ export const displayVisualization = (metaData: any, data: any, type: string) =>
   if (metaData === undefined || _.isEmpty(metaData)) {
     return <></>;
   }
+
+  if (metaData.user_configs !== undefined && metaData.user_configs !== '') {
+    metaData.user_configs = JSON.parse(metaData.user_configs);
+  }
+
   const dataConfig = { ...(metaData.user_configs?.dataConfig || {}) };
   const hasBreakdowns = !_.isEmpty(dataConfig.breakdowns);
   const realTimeParsedStats = {