@363045841yyt/klinechart 0.1.4 → 0.2.0

package/dist/core/theme/colors.d.ts

@@ -97,6 +97,86 @@ export declare const MA_COLORS: {
     readonly MA30: "rgba(76, 175, 80, 1)";
     readonly MA60: "rgba(156, 39, 176, 1)";
 };
+/**
+ * 布林带颜色
+ */
+export declare const BOLL_COLORS: {
+    /** 上轨颜色 */
+    readonly UPPER: "rgba(178, 34, 34, 1)";
+    /** 中轨颜色（与 MA20 相同） */
+    readonly MIDDLE: "rgba(69, 112, 249, 1)";
+    /** 下轨颜色 */
+    readonly LOWER: "rgba(34, 139, 34, 1)";
+    /** 带状区域填充 */
+    readonly BAND_FILL: "rgba(100, 149, 237, 0.1)";
+};
+/**
+ * MACD 颜色
+ */
+export declare const MACD_COLORS: {
+    /** DIF 线颜色（快线）- 与 MA20 相同 */
+    readonly DIF: "rgba(69, 112, 249, 1)";
+    /** DEA 线颜色（慢线）- 橙色 */
+    readonly DEA: "rgba(255, 152, 0, 1)";
+    /** MACD 柱红色（正值上升） */
+    readonly BAR_UP: "#ff5252";
+    /** MACD 柱淡红色（正值下降） */
+    readonly BAR_UP_LIGHT: "#fccbcd";
+    /** MACD 柱绿色（负值下降） */
+    readonly BAR_DOWN: "#22ab94";
+    /** MACD 柱淡绿色（负值上升） */
+    readonly BAR_DOWN_LIGHT: "#ace5dc";
+};
+/**
+ * RSI 颜色
+ */
+export declare const RSI_COLORS: {
+    readonly RSI1: "rgba(69, 112, 249, 1)";
+    readonly RSI2: "rgba(255, 152, 0, 1)";
+    readonly RSI3: "rgba(156, 39, 176, 1)";
+};
+/**
+ * CCI 颜色
+ */
+export declare const CCI_COLORS: {
+    readonly CCI: "rgba(69, 112, 249, 1)";
+    /** 超买线 +100 */
+    readonly OVERBOUGHT: "rgba(214, 10, 34, 0.5)";
+    /** 超卖线 -100 */
+    readonly OVERSOLD: "rgba(3, 123, 102, 0.5)";
+};
+/**
+ * KDJ/STOCH 颜色
+ */
+export declare const KDJ_COLORS: {
+    readonly K: "rgba(69, 112, 249, 1)";
+    readonly D: "rgba(255, 152, 0, 1)";
+    readonly J: "rgba(156, 39, 176, 1)";
+};
+/**
+ * MOM 颜色
+ */
+export declare const MOM_COLORS: {
+    readonly MOM: "rgba(69, 112, 249, 1)";
+    readonly ZERO: "rgba(0, 0, 0, 0.2)";
+};
+/**
+ * WMSR 颜色
+ */
+export declare const WMSR_COLORS: {
+    readonly WMSR: "rgba(69, 112, 249, 1)";
+    /** 超买线 -20 */
+    readonly OVERBOUGHT: "rgba(214, 10, 34, 0.5)";
+    /** 超卖线 -80 */
+    readonly OVERSOLD: "rgba(3, 123, 102, 0.5)";
+};
+/**
+ * KST 颜色
+ */
+export declare const KST_COLORS: {
+    readonly KST: "rgba(69, 112, 249, 1)";
+    readonly SIGNAL: "rgba(255, 152, 0, 1)";
+};
 /**
  * 十字线颜色
  */

package/dist/core/utils/klineConfig.d.ts

@@ -0,0 +1,28 @@
+/**
+ * K 线物理像素配置工具函数
+ * 用于统一渲染、交互、视口计算的坐标系统
+ */
+/**
+ * 计算奇数化后的 K 线宽度（物理像素），确保影线能完美居中显示
+ * @param kWidth K 线宽度（逻辑像素）
+ * @param dpr 设备像素比
+ * @returns 奇数化后的物理像素宽度
+ */
+export declare function calcKWidthPx(kWidth: number, dpr: number): number;
+/**
+ * 获取图表渲染使用的物理像素配置
+ * @param kWidth K 线宽度（逻辑像素）
+ * @param kGap K 线间隙（逻辑像素）
+ * @param dpr 设备像素比
+ * @returns 物理像素和逻辑像素的配置对象
+ */
+export declare function getPhysicalKLineConfig(kWidth: number, kGap: number, dpr: number): {
+    kWidthPx: number;
+    kGapPx: number;
+    unitPx: number;
+    startXPx: number;
+    kWidthLogical: number;
+    kGapLogical: number;
+    unitLogical: number;
+    startXLogical: number;
+};

package/dist/core/utils/tickCount.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 根据面板高度计算网格线/价格标签数量
+ * @param height 面板高度（逻辑像素）
+ * @param isMain 是否为主图面板
+ * @returns tick 数量
+ */
+export declare function calculateTickCount(height: number, isMain: boolean): number;

package/dist/core/viewport/viewport.d.ts

@@ -1,19 +1,19 @@
 import { KLineData } from '../../types/price';
 import { PriceRange } from '../scale/price';
 /**
- * 计算当前视口可见的 K 线索引范围。
+ * 计算当前视口可见的 K 线索引范围（使用物理像素对齐）。
  *
- * - 基于 `scrollLeft` 与 `viewWidth` 推导可见的 worldX 区间。
- * - 再用 `unit = kWidth + kGap` 映射到索引区间。
- * - 会额外在左右各扩展 1 根（start-1/end+1），用于避免边缘裁剪带来的“断线/缺一根”观感。
+ * - 所有计算在物理像素空间进行，确保与 calcKLinePositions 一致
+ * - 会额外在左右各扩展 1 根（start-1/end+1），用于避免边缘裁剪带来的”断线/缺一根”观感
  *
  * @param scrollLeft 容器当前横向滚动量（逻辑像素）
  * @param viewWidth  绘图区域宽度（plotWidth，逻辑像素，不含右侧 yAxis）
  * @param kWidth     单根 K 线宽度（逻辑像素）
  * @param kGap       K 线间距（逻辑像素）
  * @param totalDataCount 数据总条数
+ * @param dpr        设备像素比
  */
-export declare function getVisibleRange(scrollLeft: number, viewWidth: number, kWidth: number, kGap: number, totalDataCount: number): {
+export declare function getVisibleRange(scrollLeft: number, viewWidth: number, kWidth: number, kGap: number, totalDataCount: number, dpr?: number): {
     start: number;
     end: number;
 };