@lobehub/charts 2.1.0 → 2.1.1

package/es/AccuracyBarChart/index.js

@@ -30,7 +30,7 @@ import NoData from "../common/NoData";
 import { constructCategoryColors, deepEqual, getYAxisDomain } from "../common/utils";
 import { useThemeColorRange } from "../hooks/useThemeColorRange";
 import { defaultValueFormatter } from "../utils";
-import { getMaxLabelLength } from "../utils/getMaxLabelLength";
+import { getMaxLabelLength, getTextWidth } from "../utils/getMaxLabelLength";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -427,8 +427,13 @@ var AccuracyBarChart = /*#__PURE__*/forwardRef(function (props, ref) {
               var lx = labelProps.x,
                 ly = labelProps.y,
                 lh = labelProps.height,
+                lw = labelProps.width,
                 value = labelProps.value;
-              if (lx === null || lx === undefined || ly === null || ly === undefined || lh === null || lh === undefined) return null;
+              if (lx === null || lx === undefined || ly === null || ly === undefined || lh === null || lh === undefined || lw === null || lw === undefined) return null;
+              var text = accuracyFormatter(Number(value !== null && value !== void 0 ? value : 0));
+              var textWidth = getTextWidth(text);
+              var horizontalPadding = 16; // 8px left padding + 8px safe space
+              if (Number(lw) <= textWidth + horizontalPadding) return null;
               return /*#__PURE__*/_jsx("text", {
                 className: styles.percentageLabel,
                 dominantBaseline: "central",
@@ -437,7 +442,7 @@ var AccuracyBarChart = /*#__PURE__*/forwardRef(function (props, ref) {
                 },
                 x: Number(lx) + 8,
                 y: Number(ly) + Number(lh) / 2,
-                children: accuracyFormatter(Number(value !== null && value !== void 0 ? value : 0))
+                children: text
               });
             },
             dataKey: category,
@@ -445,7 +450,7 @@ var AccuracyBarChart = /*#__PURE__*/forwardRef(function (props, ref) {
             position: "insideLeft"
           }) : null, showErrorBars ? /*#__PURE__*/_jsx(ErrorBar, {
             dataKey: errorKey,
-            direction: "x",
+            direction: layout === 'vertical' ? 'x' : 'y',
             stroke: theme.colorTextSecondary
           }) : null]
         }, category)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/charts",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "React modern charts components built on recharts",
   "keywords": [
     "lobehub",