diff --git a/public/components/custom_panels/helpers/utils.tsx b/public/components/custom_panels/helpers/utils.tsx
index 266939d09f..a03b84c624 100644
--- a/public/components/custom_panels/helpers/utils.tsx
+++ b/public/components/custom_panels/helpers/utils.tsx
@@ -468,6 +468,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 = {