@easyv/charts 1.10.28 → 1.10.30

package/src/utils/index.js

@@ -897,6 +897,31 @@ const mathR = (value, range) => {
   return Math.max(min, Math.min(value, max));
 };
 
+/**
+ * 根据控制条位置计算当前图表视口内可见的原始数据
+ */
+const getControlVisibleData = (originData, axisX, controlInfo, chartWidth) => {
+  if (!originData?.length || !axisX || !controlInfo) return [];
+
+  const { cBarX, cBarWidth, cWidth, cPercent } = controlInfo;
+  const { controlEnd, start, scaler, step = 0 } = axisX;
+  const slideRange = cWidth - cBarWidth;
+  const percent = slideRange > 0 ? cBarX / slideRange : 0;
+  const safeCPercent = cPercent > 0 && Number.isFinite(cPercent) ? cPercent : 1;
+  const span = controlEnd + start / safeCPercent - chartWidth;
+  const translateX = Number.isFinite(span) ? -span * percent : 0;
+  const clipLeft = Number.isFinite(-translateX) ? -translateX : 0;
+  const clipRight = clipLeft + chartWidth;
+  const halfStep = Number.isFinite(step) ? step / 2 : 0;
+
+  return originData.filter((d) => {
+    if (d?.x === undefined) return false;
+    const pos = scaler(d.x);
+    if (!Number.isFinite(pos)) return false;
+    return pos + halfStep >= clipLeft && pos - halfStep <= clipRight;
+  });
+};
+
 export {
   dateFormat,
   getBreakWord,
@@ -931,6 +956,7 @@ export {
   reduceConfig,
   getSeriesInfo,
   mathR,
+  getControlVisibleData,
   renderCanvasBackground, // 导出 Canvas 绘制方法
   SvgBackground,
   reverseGradientStops,