@classic-homes/charts-react 0.3.0 → 0.4.0

package/dist/index.cjs

@@ -1107,6 +1107,7 @@ var BarChart = React7.forwardRef(
     orientation = "vertical",
     stacked = false,
     showValues = false,
+    showTotal = false,
     valueFormat,
     locale,
     labelFormatter,
@@ -1192,6 +1193,14 @@ var BarChart = React7.forwardRef(
           focus: "series"
         }
       }));
+      const format2 = (0, import_charts_core7.resolveValueFormatter)(valueFormat, locale);
+      const stackedSeries = data.series.map((s) => ({ data: s.data }));
+      const totalSeries = showTotal ? (0, import_charts_core7.buildStackTotalSeries)(data.categories, stackedSeries, {
+        stacked,
+        position: labelPosition,
+        format: format2
+      }) : [];
+      const endLabels = !isHorizontal ? [] : totalSeries.length ? [...(0, import_charts_core7.stackTotals)(stackedSeries, stacked).values()].flat().map((t) => (0, import_charts_core7.formatValue)(t, format2)) : showValues ? plotted.flatMap((s) => s.data.map((value) => (0, import_charts_core7.formatValue)(value, formatters.format))) : [];
       return (0, import_charts_core7.mergeChartOption)(
         {
           grid: {
@@ -1200,7 +1209,10 @@ var BarChart = React7.forwardRef(
             bottom: "3%",
             containLabel: true,
             ...(0, import_charts_core7.withZoomInset)(
-              (0, import_charts_core7.gridInset)(legendConfig, builtInLegend, xAxisConfig, yAxisConfig),
+              (0, import_charts_core7.withEndLabelInset)(
+                (0, import_charts_core7.gridInset)(legendConfig, builtInLegend, xAxisConfig, yAxisConfig),
+                endLabels
+              ),
               dataZoom,
               zoomAxis
             )
@@ -1233,7 +1245,7 @@ var BarChart = React7.forwardRef(
             isHorizontal ? categoryAxis : valueAxis,
             isHorizontal ? yAxisConfig : formatters.axis(yAxisConfig)
           ),
-          series: (0, import_charts_core7.withReferenceMarks)(series, referenceLines, referenceBands, {
+          series: (0, import_charts_core7.withReferenceMarks)([...series, ...totalSeries], referenceLines, referenceBands, {
             valueAxis: isHorizontal ? "x" : "y",
             inverse: isHorizontal,
             format: formatters.format,
@@ -1253,6 +1265,7 @@ var BarChart = React7.forwardRef(
       isPercent,
       stacked,
       showValues,
+      showTotal,
       valueFormat,
       locale,
       labelFormatter,
@@ -2651,7 +2664,7 @@ var GaugeChart = React14.forwardRef(
     animation = true,
     splitNumber = 10,
     showProgress = true,
-    formatValue,
+    formatValue: formatValue2,
     showTooltip = true,
     valueFormat,
     locale,
@@ -2674,7 +2687,7 @@ var GaugeChart = React14.forwardRef(
       () => (0, import_charts_core14.resolveValueFormatter)(valueFormat, locale),
       [valueFormat, locale]
     );
-    const valueFormatter = formatValue ?? format;
+    const valueFormatter = formatValue2 ?? format;
     const option = React14.useMemo(() => {
       return (0, import_charts_core14.mergeChartOption)(
         {

package/dist/index.js

@@ -1065,9 +1065,11 @@ import {
   buildDataLabel as buildDataLabel2,
   buildDataZoom as buildDataZoom2,
   buildLegend as buildLegend2,
+  buildStackTotalSeries,
   buildTooltip as buildTooltip2,
   categoryTable as categoryTable2,
   chartFormatters as chartFormatters2,
+  formatValue,
   generateBarChartDescription,
   getChartColors as getChartColors2,
   gridInset as gridInset2,
@@ -1075,7 +1077,9 @@ import {
   resolveChartHeight,
   resolveValueFormatter as resolveValueFormatter2,
   seriesLabelLookup as seriesLabelLookup2,
+  stackTotals,
   toPercentStack as toPercentStack2,
+  withEndLabelInset,
   withPointLabels as withPointLabels2,
   withReferenceMarks as withReferenceMarks2,
   withZoomInset as withZoomInset2
@@ -1109,6 +1113,7 @@ var BarChart = React7.forwardRef(
     orientation = "vertical",
     stacked = false,
     showValues = false,
+    showTotal = false,
     valueFormat,
     locale,
     labelFormatter,
@@ -1194,6 +1199,14 @@ var BarChart = React7.forwardRef(
           focus: "series"
         }
       }));
+      const format2 = resolveValueFormatter2(valueFormat, locale);
+      const stackedSeries = data.series.map((s) => ({ data: s.data }));
+      const totalSeries = showTotal ? buildStackTotalSeries(data.categories, stackedSeries, {
+        stacked,
+        position: labelPosition,
+        format: format2
+      }) : [];
+      const endLabels = !isHorizontal ? [] : totalSeries.length ? [...stackTotals(stackedSeries, stacked).values()].flat().map((t) => formatValue(t, format2)) : showValues ? plotted.flatMap((s) => s.data.map((value) => formatValue(value, formatters.format))) : [];
       return mergeChartOption2(
         {
           grid: {
@@ -1202,7 +1215,10 @@ var BarChart = React7.forwardRef(
             bottom: "3%",
             containLabel: true,
             ...withZoomInset2(
-              gridInset2(legendConfig, builtInLegend, xAxisConfig, yAxisConfig),
+              withEndLabelInset(
+                gridInset2(legendConfig, builtInLegend, xAxisConfig, yAxisConfig),
+                endLabels
+              ),
               dataZoom,
               zoomAxis
             )
@@ -1235,7 +1251,7 @@ var BarChart = React7.forwardRef(
             isHorizontal ? categoryAxis : valueAxis,
             isHorizontal ? yAxisConfig : formatters.axis(yAxisConfig)
           ),
-          series: withReferenceMarks2(series, referenceLines, referenceBands, {
+          series: withReferenceMarks2([...series, ...totalSeries], referenceLines, referenceBands, {
             valueAxis: isHorizontal ? "x" : "y",
             inverse: isHorizontal,
             format: formatters.format,
@@ -1255,6 +1271,7 @@ var BarChart = React7.forwardRef(
       isPercent,
       stacked,
       showValues,
+      showTotal,
       valueFormat,
       locale,
       labelFormatter,
@@ -2763,7 +2780,7 @@ var GaugeChart = React14.forwardRef(
     animation = true,
     splitNumber = 10,
     showProgress = true,
-    formatValue,
+    formatValue: formatValue2,
     showTooltip = true,
     valueFormat,
     locale,
@@ -2786,7 +2803,7 @@ var GaugeChart = React14.forwardRef(
       () => resolveValueFormatter9(valueFormat, locale),
       [valueFormat, locale]
     );
-    const valueFormatter = formatValue ?? format;
+    const valueFormatter = formatValue2 ?? format;
     const option = React14.useMemo(() => {
       return mergeChartOption9(
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/charts-react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "React ECharts components for Classic Theme",
   "type": "module",
   "main": "dist/index.cjs",