From 99a2dc7c1f1e926d24ed87c93c4e104c68d8c854 Mon Sep 17 00:00:00 2001
From: Shahir Ahmed <ahmeds@dickinson.edu>
Date: Thu, 27 Mar 2025 21:51:21 -0400
Subject: [PATCH] adds label data to bar chart

Co-authored-by: pranavm2109 <mishrap@dickinson.edu>
---
 .../diagrams/xychart/chartBuilder/interfaces.ts    |  1 +
 packages/mermaid/src/diagrams/xychart/xychartDb.ts |  5 +++++
 .../src/diagrams/xychart/xychartRenderer.ts        | 14 ++++++++++++++
 3 files changed, 20 insertions(+)

diff --git a/packages/mermaid/src/diagrams/xychart/chartBuilder/interfaces.ts b/packages/mermaid/src/diagrams/xychart/chartBuilder/interfaces.ts
index 3d188895f..2a98c80ed 100644
--- a/packages/mermaid/src/diagrams/xychart/chartBuilder/interfaces.ts
+++ b/packages/mermaid/src/diagrams/xychart/chartBuilder/interfaces.ts
@@ -93,6 +93,7 @@ export interface XYChartConfig {
   titleFontSize: number;
   titlePadding: number;
   showTitle: boolean;
+  showLabelData?: boolean;
   xAxis: XYChartAxisConfig;
   yAxis: XYChartAxisConfig;
   chartOrientation: 'vertical' | 'horizontal';
diff --git a/packages/mermaid/src/diagrams/xychart/xychartDb.ts b/packages/mermaid/src/diagrams/xychart/xychartDb.ts
index fb2435df2..9ad7cd420 100644
--- a/packages/mermaid/src/diagrams/xychart/xychartDb.ts
+++ b/packages/mermaid/src/diagrams/xychart/xychartDb.ts
@@ -195,6 +195,10 @@ function getChartConfig() {
   return xyChartConfig;
 }
 
+function getXYChartData() {
+  return xyChartData;
+}
+
 const clear = function () {
   commonClear();
   plotIndex = 0;
@@ -226,4 +230,5 @@ export default {
   setTmpSVGG,
   getChartThemeConfig,
   getChartConfig,
+  getXYChartData,
 };
diff --git a/packages/mermaid/src/diagrams/xychart/xychartRenderer.ts b/packages/mermaid/src/diagrams/xychart/xychartRenderer.ts
index 1f4d36e8a..cebdce9f8 100644
--- a/packages/mermaid/src/diagrams/xychart/xychartRenderer.ts
+++ b/packages/mermaid/src/diagrams/xychart/xychartRenderer.ts
@@ -14,6 +14,7 @@ export const draw = (txt: string, id: string, _version: string, diagObj: Diagram
   const db = diagObj.db as typeof XYChartDB;
   const themeConfig = db.getChartThemeConfig();
   const chartConfig = db.getChartConfig();
+  const labelData = db.getXYChartData().plots[0].data.map((data) => data[1]);
   function getDominantBaseLine(horizontalPos: TextVerticalPos) {
     return horizontalPos === 'top' ? 'text-before-edge' : 'middle';
   }
@@ -87,6 +88,19 @@ export const draw = (txt: string, id: string, _version: string, diagObj: Diagram
           .attr('fill', (data) => data.fill)
           .attr('stroke', (data) => data.strokeFill)
           .attr('stroke-width', (data) => data.strokeWidth);
+
+        if (chartConfig.showLabelData) {
+          shapeGroup
+            .selectAll('text')
+            .data(shape.data)
+            .enter()
+            .append('text')
+            .attr('x', (data) => data.x + data.width / 2) // Center text horizontally
+            .attr('y', (data) => data.y + 25) // Position text 5 pixels above the rect
+            .attr('text-anchor', 'middle')
+            .attr('fill', 'black')
+            .text((data, index) => labelData[index]);
+        }
         break;
       case 'text':
         shapeGroup