diff --git a/public/app/plugins/panel/xychart/TooltipView.tsx b/public/app/plugins/panel/xychart/TooltipView.tsx
index 293b9520b85..5899569e00a 100644
--- a/public/app/plugins/panel/xychart/TooltipView.tsx
+++ b/public/app/plugins/panel/xychart/TooltipView.tsx
@@ -102,7 +102,7 @@ export const TooltipView = ({
         <tbody>
           <tr>
             <th>{xField.name}</th>
-            <td>{fmt(frame.fields[0], xField.values.get(rowIndex))}</td>
+            <td>{fmt(xField, xField.values.get(rowIndex))}</td>
           </tr>
           <tr>
             <th>{yValue.name}:</th>