@spteck/fluentui-react-charts 1.1.4 → 1.1.6

package/dist/fluentui-react-charts.esm.js

@@ -852,6 +852,12 @@ opts) {
       var dataset = item.dataset;
       var datasetLabel = 'label' in dataset && typeof dataset.label === 'string' ? dataset.label : 'Value';
       var raw = item.raw;
+      // Prepare number formatter based on opts
+      var numberFormatter = typeof (opts == null ? void 0 : opts.numberFormat) === 'function' ? opts.numberFormat : new Intl.NumberFormat(opts == null ? void 0 : opts.locale, typeof (opts == null ? void 0 : opts.numberFormat) === 'object' ? opts == null ? void 0 : opts.numberFormat : undefined).format;
+      // Helper to format numeric values for tooltips using the configured formatter
+      var formatVal = function formatVal(v) {
+        return typeof v === 'number' ? numberFormatter(v) : String(v);
+      };
       // determine extraField value, precedence: dataset.extraField > opts.extraField
       var extra;
       if (dataset && dataset.extraField !== undefined) {
@@ -866,28 +872,28 @@ opts) {
           extra = opts.extraField;
         }
       }
-      var suffix = extra !== undefined && extra !== null ? " (" + String(extra) + ")" : '';
+      var suffix = extra !== undefined && extra !== null ? "" + String(extra) : '';
       //  Bubble format { x, y, r }
       if (typeof raw === 'object' && raw !== null && 'x' in raw && 'y' in raw && 'r' in raw) {
         var x = raw.x,
           y = raw.y,
           r = raw.r;
-        return datasetLabel + " \u2014 x: " + x + ", y: " + y + ", r: " + r + suffix;
+        return datasetLabel + " \u2014 x: " + formatVal(x) + ", y: " + formatVal(y) + ", r: " + formatVal(r) + suffix;
       }
       //   Scatter format { x, y }
       if (typeof raw === 'object' && raw !== null && 'x' in raw && 'y' in raw) {
         var _x = raw.x,
           _y = raw.y;
-        return datasetLabel + " \u2014 x: " + _x + ", y: " + _y + suffix;
+        return datasetLabel + " \u2014 x: " + formatVal(_x) + ", y: " + formatVal(_y) + suffix;
       }
       //  Floating bar [min, max]
       if (Array.isArray(raw) && raw.length === 2) {
         var min = raw[0],
           max = raw[1];
-        return datasetLabel + ": " + min + " \u2013 " + max + suffix;
+        return datasetLabel + ": " + formatVal(min) + " \u2013 " + formatVal(max) + suffix;
       }
       //  Default: single number or string
-      return datasetLabel + ": " + raw + suffix;
+      return datasetLabel + ": " + formatVal(raw) + suffix;
     },
     beforeTitle: function beforeTitle() {
       return '';
@@ -944,6 +950,7 @@ opts) {
     }
   };
   return {
+    external: undefined,
     enabled: true,
     displayColors: true,
     boxWidth: 10,
@@ -2379,7 +2386,9 @@ function LineChart(_ref) {
     theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
     renderTooltipLabel = _ref.renderTooltipLabel,
     _ref$paletteId = _ref.paletteId,
-    paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
+    paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
+    numberFormat = _ref.numberFormat,
+    locale = _ref.locale;
   var _useState = useState(function () {
       var _data$;
       return data.length > 1 ? data.map(function (s) {
@@ -2488,7 +2497,9 @@ function LineChart(_ref) {
           display: false
         },
         tooltip: createFluentTooltip(theme, {
-          extraField: renderTooltipLabel
+          extraField: renderTooltipLabel,
+          numberFormat: numberFormat,
+          locale: locale
         })
       },
       scales: {
@@ -3568,7 +3579,10 @@ var chartProps = function chartProps(chart) {
     },
     // forward optional renderTooltipLabel if provided on the chart config
     renderTooltipLabel: chart.renderTooltipLabel,
-    paletteId: chart.paletteId
+    paletteId: chart.paletteId,
+    // forward optional number formatting options
+    numberFormat: chart.numberFormat,
+    locale: chart.locale
   };
 };
 var getChartComponent = function getChartComponent(chart, theme) {