@easyv/charts 1.2.14 → 1.3.2

package/src/hooks/useStackData.js

@@ -59,9 +59,6 @@ const setStackData = (data, series, stacks) => {
           });
         }
       }
-
-      currentSeries.bandLength =
-      currentSeries.type === 'band' ? stacks.filter((item) => item.type == 'band').length : 1;
     }
   });
   dataMap.clear();
@@ -94,7 +91,11 @@ export default ({ data, series }) => {
     resetStackData(seriesZ);
     setStackData(dataY, seriesY, stacks);
     setStackData(dataZ, seriesZ, stacks);
-    return [...seriesY.values(), ...seriesZ.values()];
+
+    return {
+      bandLength: stacks.filter((item) => item.type == 'band').length,
+      series: [...seriesY.values(), ...seriesZ.values()],
+    };
   }, [_data, _series]);
   return tmp;
 };

package/src/utils/index.js

@@ -86,16 +86,16 @@ const getIcon = (type, icon) => {
     case 'line':
       return icon
         ? {
-          ...defaultLineIcon,
-          ...icon,
-        }
+            ...defaultLineIcon,
+            ...icon,
+          }
         : defaultLineIcon;
     default:
       return icon
         ? {
-          ...defaultIcon,
-          ...icon,
-        }
+            ...defaultIcon,
+            ...icon,
+          }
         : defaultIcon;
   }
 };
@@ -490,6 +490,30 @@ const getBandSeriesStepAndWidth = ({ width, paddingInner, bandLength }) => {
     seriesWidth,
   };
 };
+
+const getSeriesInfo = ({
+  step,
+  bandLength = 1,
+  paddingInner = 0,
+  paddingOuter = 0,
+}) => {
+  if (bandLength == 0)
+    return {
+      seriesWidth: step,
+      seriesStep: step,
+      seriesStart: 0,
+      width: step,
+    };
+  const _step =
+    step / (bandLength + paddingOuter * 2 + paddingInner * (bandLength - 1));
+  return {
+    seriesWidth: _step,
+    seriesStep: (1 + paddingInner) * _step,
+    seriesStart: paddingOuter * _step,
+    width: step - paddingOuter * 2 * _step,
+  };
+};
+
 const isValidHttpUrl = (string) => {
   let url;
 
@@ -663,7 +687,6 @@ const getDataWithPercent = (data = [], precision = 0) => {
   return tmp;
 };
 
-
 const excludeTypes = ['array', 'object', 'group', 'modal', 'colors'];
 const reduceConfig = (config = []) => {
   if (!Array.isArray(config)) {
@@ -679,7 +702,7 @@ const reduceConfig = (config = []) => {
         : reduceConfig(config[i]._value);
   }
   return output;
-}
+};
 
 export {
   dateFormat,
@@ -711,4 +734,5 @@ export {
   sortPie,
   getDataWithPercent,
   reduceConfig,
+  getSeriesInfo,
 };

package/tsconfig.json

@@ -19,5 +19,5 @@
     "types": ["src/types"]
   },
   "include": ["src"],
-  "exclude": ["node_modules", "**/*.spec.ts"],
-}
+  "exclude": ["node_modules", "**/*.spec.ts"]
+}