@363045841yyt/klinechart-core 0.8.5 → 0.8.7

package/dist/engine/modes/timeShareMode.d.ts

@@ -0,0 +1,37 @@
+import type { ChartModeHandler } from './types';
+import type { Pane, VisibleRange } from '../layout/pane';
+import type { ChartDataManager } from '../data/chartDataManager';
+export declare class TimeShareMode implements ChartModeHandler {
+    readonly debugName = "TimeShare";
+    readonly allowPan = false;
+    readonly allowZoom = false;
+    readonly allowVerticalScroll = false;
+    readonly allowRightAxisScale = false;
+    readonly useIndicatorScheduler = false;
+    computeContentWidth(_dataLength: number, leftBufferWidth: number, viewWidth: number, _opt: {
+        kWidth: number;
+        kGap: number;
+    }, _dpr: number): number | null;
+    computeKWidth(dataLength: number, viewWidth: number, dpr: number): {
+        kWidth: number;
+        kGap: number;
+    } | null;
+    updatePaneRange(pane: Pane, range: VisibleRange, dm: ChartDataManager, _mergedIndicatorRange?: {
+        min: number;
+        max: number;
+    } | null): void;
+    onActivate(chart: {
+        enableMainIndicator: (id: string, params?: Record<string, number | boolean | string>) => boolean;
+        disableMainIndicator: (id: string) => boolean;
+        setRendererEnabled: (name: string, enabled: boolean) => void;
+        dataManager: ChartDataManager;
+        currentPeriod: string;
+    }, _prev: ChartModeHandler | null): void;
+    onDeactivate(chart: {
+        enableMainIndicator: (id: string, params?: Record<string, number | boolean | string>) => boolean;
+        disableMainIndicator: (id: string) => boolean;
+        setRendererEnabled: (name: string, enabled: boolean) => void;
+        dataManager: ChartDataManager;
+    }, _next: ChartModeHandler | null): void;
+}
+//# sourceMappingURL=timeShareMode.d.ts.map

package/dist/engine/modes/timeShareMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeShareMode.d.ts","sourceRoot":"","sources":["../../../src/engine/modes/timeShareMode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,qBAAa,aAAc,YAAW,gBAAgB;IACpD,QAAQ,CAAC,SAAS,eAAc;IAEhC,QAAQ,CAAC,QAAQ,SAAQ;IACzB,QAAQ,CAAC,SAAS,SAAQ;IAC1B,QAAQ,CAAC,mBAAmB,SAAQ;IACpC,QAAQ,CAAC,mBAAmB,SAAQ;IACpC,QAAQ,CAAC,qBAAqB,SAAQ;IAEtC,mBAAmB,CACjB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EACtC,IAAI,EAAE,MAAM,GACX,MAAM,GAAG,IAAI;IAIhB,aAAa,CACX,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,GACV;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAc1C,eAAe,CACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,gBAAgB,EACpB,qBAAqB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAC1D,IAAI;IA4BP,UAAU,CAAC,KAAK,EAAE;QAChB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,KAAK,OAAO,CAAA;QAChG,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;QAC7C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC5D,WAAW,EAAE,gBAAgB,CAAA;QAC7B,aAAa,EAAE,MAAM,CAAA;KACtB,EAAE,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI;IAKxC,YAAY,CAAC,KAAK,EAAE;QAClB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,KAAK,OAAO,CAAA;QAChG,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;QAC7C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC5D,WAAW,EAAE,gBAAgB,CAAA;KAC9B,EAAE,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI;CAIzC"}

package/dist/engine/modes/timeShareMode.js

@@ -0,0 +1,59 @@
+export class TimeShareMode {
+    debugName = 'TimeShare';
+    allowPan = false;
+    allowZoom = false;
+    allowVerticalScroll = false;
+    allowRightAxisScale = false;
+    useIndicatorScheduler = false;
+    computeContentWidth(_dataLength, leftBufferWidth, viewWidth, _opt, _dpr) {
+        return leftBufferWidth + Math.max(viewWidth, 1);
+    }
+    computeKWidth(dataLength, viewWidth, dpr) {
+        if (dataLength <= 0 || viewWidth <= 0)
+            return null;
+        const kGapPx = 1;
+        const totalGapPx = (dataLength + 1) * kGapPx;
+        const availablePx = Math.max(1, viewWidth * dpr - totalGapPx);
+        let kWidthPx = Math.max(1, Math.floor(availablePx / dataLength));
+        return {
+            kWidth: kWidthPx / dpr,
+            kGap: kGapPx / dpr,
+        };
+    }
+    updatePaneRange(pane, range, dm, _mergedIndicatorRange) {
+        const tsData = dm.getTimeShareData();
+        const end = Math.min(range.end, tsData.length);
+        if (tsData.length === 0)
+            return;
+        const baseline = tsData[0]?.price ?? 0;
+        if (baseline === 0)
+            return;
+        pane.yAxis.setScaleType('percent');
+        pane.yAxis.setBasePrice(baseline);
+        let maxAbsPct = 0;
+        for (let i = Math.max(0, range.start); i < end; i++) {
+            const p = tsData[i]?.price;
+            if (p !== undefined && Number.isFinite(p)) {
+                const pct = Math.abs((p - baseline) / baseline) * 100;
+                if (pct > maxAbsPct)
+                    maxAbsPct = pct;
+            }
+        }
+        if (maxAbsPct <= 0)
+            return;
+        const padding = Math.max(maxAbsPct * 0.1, 0.5);
+        const displayPct = maxAbsPct + padding;
+        const minPrice = baseline * (1 - displayPct / 100);
+        const maxPrice = baseline * (1 + displayPct / 100);
+        pane.yAxis.setRange({ maxPrice, minPrice });
+    }
+    onActivate(chart, _prev) {
+        chart.enableMainIndicator('timeShare');
+        chart.setRendererEnabled('candle', false);
+    }
+    onDeactivate(chart, _next) {
+        chart.disableMainIndicator('timeShare');
+        chart.setRendererEnabled('candle', true);
+    }
+}
+//# sourceMappingURL=timeShareMode.js.map

package/dist/engine/modes/timeShareMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeShareMode.js","sourceRoot":"","sources":["../../../src/engine/modes/timeShareMode.ts"],"names":[],"mappings":"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"}

package/dist/engine/modes/types.d.ts

@@ -0,0 +1,47 @@
+import type { Pane } from '../layout/pane';
+import type { ChartDataManager } from '../data/chartDataManager';
+import type { VisibleRange } from '../layout/pane';
+export interface ChartModeHandler {
+    readonly debugName: string;
+    /** 是否允许水平拖拽平移 */
+    readonly allowPan: boolean;
+    /** 是否允许缩放（滚轮/捏合/API） */
+    readonly allowZoom: boolean;
+    /** 是否允许主图垂直滚动 */
+    readonly allowVerticalScroll: boolean;
+    /** 是否允许右轴价格缩放 */
+    readonly allowRightAxisScale: boolean;
+    /** 是否使用指标调度器（计算 MA/BOLL 等技术指标） */
+    readonly useIndicatorScheduler: boolean;
+    /** 计算内容宽度（CSS px）。返回 null 走标准可滚动计算 */
+    computeContentWidth(dataLength: number, leftBufferWidth: number, viewWidth: number, opt: {
+        kWidth: number;
+        kGap: number;
+    }, dpr: number): number | null;
+    /** 计算 K 线宽度/间距。返回 null 走标准缩放计算 */
+    computeKWidth(dataLength: number, viewWidth: number, dpr: number): {
+        kWidth: number;
+        kGap: number;
+    } | null;
+    /** 更新 Pane 的价格范围 */
+    updatePaneRange(pane: Pane, range: VisibleRange, dm: ChartDataManager, mergedIndicatorRange?: {
+        min: number;
+        max: number;
+    } | null): void;
+    /** 激活时调用 */
+    onActivate(chart: {
+        enableMainIndicator: (id: string, params?: Record<string, number | boolean | string>) => boolean;
+        disableMainIndicator: (id: string) => boolean;
+        setRendererEnabled: (name: string, enabled: boolean) => void;
+        dataManager: ChartDataManager;
+        currentPeriod: string;
+    }, prev: ChartModeHandler | null): void;
+    /** 停用时调用 */
+    onDeactivate(chart: {
+        enableMainIndicator: (id: string, params?: Record<string, number | boolean | string>) => boolean;
+        disableMainIndicator: (id: string) => boolean;
+        setRendererEnabled: (name: string, enabled: boolean) => void;
+        dataManager: ChartDataManager;
+    }, next: ChartModeHandler | null): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/engine/modes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/engine/modes/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAE1B,iBAAiB;IACjB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAE1B,wBAAwB;IACxB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAE3B,iBAAiB;IACjB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IAErC,iBAAiB;IACjB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IAErC,kCAAkC;IAClC,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAA;IAEvC,sCAAsC;IACtC,mBAAmB,CACjB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EACrC,GAAG,EAAE,MAAM,GACV,MAAM,GAAG,IAAI,CAAA;IAEhB,kCAAkC;IAClC,aAAa,CACX,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,GACV;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAE1C,oBAAoB;IACpB,eAAe,CACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,gBAAgB,EACpB,oBAAoB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GACzD,IAAI,CAAA;IAEP,YAAY;IACZ,UAAU,CAAC,KAAK,EAAE;QAChB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,KAAK,OAAO,CAAA;QAChG,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;QAC7C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC5D,WAAW,EAAE,gBAAgB,CAAA;QAC7B,aAAa,EAAE,MAAM,CAAA;KACtB,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAA;IAEvC,YAAY;IACZ,YAAY,CAAC,KAAK,EAAE;QAClB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,KAAK,OAAO,CAAA;QAChG,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;QAC7C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC5D,WAAW,EAAE,gBAAgB,CAAA;KAC9B,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC"}

package/dist/engine/modes/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/engine/modes/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/engine/modes/types.ts"],"names":[],"mappings":""}

package/dist/engine/paneRenderer.d.ts

@@ -4,14 +4,17 @@ export type PaneRendererDom = {
     mainCanvas: HTMLCanvasElement;
     overlayCanvas: HTMLCanvasElement;
     yAxisCanvas: HTMLCanvasElement;
+    leftYAxisCanvas?: HTMLCanvasElement;
 };
 export type PaneRendererContexts = {
     mainCtx: CanvasRenderingContext2D | null;
     overlayCtx: CanvasRenderingContext2D | null;
     yAxisCtx: CanvasRenderingContext2D | null;
+    leftAxisCtx: CanvasRenderingContext2D | null;
 };
 export type PaneRendererOptions = {
     rightAxisWidth: number;
+    leftAxisWidth: number;
     yPaddingPx: number;
     priceLabelWidth?: number;
 };
@@ -31,6 +34,7 @@ export declare class PaneRenderer {
     /** 获取 DOM 元素 */
     getDom(): PaneRendererDom;
     getContexts(): PaneRendererContexts;
+    private static resizeCanvas;
     getWebGL(): PaneRendererWebGLHandles;
     setWebGLRegion(region: WebGLRegion): void;
     /**

package/dist/engine/paneRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paneRenderer.d.ts","sourceRoot":"","sources":["../../src/engine/paneRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAE3F,MAAM,MAAM,eAAe,GAAG;IAC1B,UAAU,EAAE,iBAAiB,CAAA;IAC7B,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAA;IACxC,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3C,QAAQ,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACxC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACvC,CAAA;AAOD,qBAAa,YAAY;IACrB,OAAO,CAAC,GAAG,CAAiB;IAC5B,OAAO,CAAC,IAAI,CAA8B;IAC1C,OAAO,CAAC,GAAG,CAAqB;IAChC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,KAAK,CAA0B;gBAGnC,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,OAAO,eAAe,EAAE,IAAI,EAClC,GAAG,EAAE,mBAAmB,EACxB,kBAAkB,EAAE,kBAAkB;IAc1C,oBAAoB;IACpB,OAAO,IAAI,OAAO,eAAe,EAAE,IAAI;IAIvC,gBAAgB;IAChB,MAAM,IAAI,eAAe;IAIzB,WAAW,IAAI,oBAAoB;IAWnC,QAAQ,IAAI,wBAAwB;IAIpC,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAKzC;;;;;OAKG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAsEjD,yBAAyB;IACzB,OAAO;CAKV"}
+{"version":3,"file":"paneRenderer.d.ts","sourceRoot":"","sources":["../../src/engine/paneRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAE3F,MAAM,MAAM,eAAe,GAAG;IAC1B,UAAU,EAAE,iBAAiB,CAAA;IAC7B,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,iBAAiB,CAAA;IAC9B,eAAe,CAAC,EAAE,iBAAiB,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAA;IACxC,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3C,QAAQ,EAAE,wBAAwB,GAAG,IAAI,CAAA;IACzC,WAAW,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC/C,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACxC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACvC,CAAA;AAOD,qBAAa,YAAY;IACrB,OAAO,CAAC,GAAG,CAAiB;IAC5B,OAAO,CAAC,IAAI,CAA8B;IAC1C,OAAO,CAAC,GAAG,CAAqB;IAChC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,KAAK,CAA0B;gBAGnC,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,OAAO,eAAe,EAAE,IAAI,EAClC,GAAG,EAAE,mBAAmB,EACxB,kBAAkB,EAAE,kBAAkB;IAc1C,oBAAoB;IACpB,OAAO,IAAI,OAAO,eAAe,EAAE,IAAI;IAIvC,gBAAgB;IAChB,MAAM,IAAI,eAAe;IAIzB,WAAW,IAAI,oBAAoB;IAYnC,OAAO,CAAC,MAAM,CAAC,YAAY;IAsB3B,QAAQ,IAAI,wBAAwB;IAIpC,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAKzC;;;;;OAKG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAmCjD,yBAAyB;IACzB,OAAO;CAKV"}

package/dist/engine/paneRenderer.js

@@ -36,10 +36,27 @@ export class PaneRenderer {
                 mainCtx: this.dom.mainCanvas.getContext('2d'),
                 overlayCtx: this.dom.overlayCanvas.getContext('2d'),
                 yAxisCtx: this.dom.yAxisCanvas.getContext('2d'),
+                leftAxisCtx: this.dom.leftYAxisCanvas?.getContext('2d') ?? null,
             };
         }
         return this.contexts;
     }
+    static resizeCanvas(canvas, widthPx, heightPx, dpr) {
+        if (canvas.width !== widthPx) {
+            canvas.width = widthPx;
+        }
+        if (canvas.height !== heightPx) {
+            canvas.height = heightPx;
+        }
+        const cssW = `${widthPx / dpr}px`;
+        if (canvas.style.width !== cssW) {
+            canvas.style.width = cssW;
+        }
+        const cssH = `${heightPx / dpr}px`;
+        if (canvas.style.height !== cssH) {
+            canvas.style.height = cssH;
+        }
+    }
     getWebGL() {
         return this.webgl;
     }
@@ -63,50 +80,20 @@ export class PaneRenderer {
         const canvasYAxisWidth = parentClientWidth > 0 ? parentClientWidth : fallbackYAxisWidth;
         // Main Canvas
         const mainWidth = Math.round(width * dpr);
-        if (mainCanvas.width !== mainWidth) {
-            mainCanvas.width = mainWidth;
-        }
         const mainHeight = Math.round(height * dpr);
-        if (mainCanvas.height !== mainHeight) {
-            mainCanvas.height = mainHeight;
-        }
-        const mainCssWidth = `${mainWidth / dpr}px`;
-        if (mainCanvas.style.width !== mainCssWidth) {
-            mainCanvas.style.width = mainCssWidth;
-        }
-        const mainCssHeight = `${mainHeight / dpr}px`;
-        if (mainCanvas.style.height !== mainCssHeight) {
-            mainCanvas.style.height = mainCssHeight;
-        }
+        PaneRenderer.resizeCanvas(mainCanvas, mainWidth, mainHeight, dpr);
         // Overlay Canvas - 与 Main Canvas 相同尺寸
-        if (overlayCanvas.width !== mainWidth) {
-            overlayCanvas.width = mainWidth;
-        }
-        if (overlayCanvas.height !== mainHeight) {
-            overlayCanvas.height = mainHeight;
-        }
-        if (overlayCanvas.style.width !== mainCssWidth) {
-            overlayCanvas.style.width = mainCssWidth;
-        }
-        if (overlayCanvas.style.height !== mainCssHeight) {
-            overlayCanvas.style.height = mainCssHeight;
-        }
+        PaneRenderer.resizeCanvas(overlayCanvas, mainWidth, mainHeight, dpr);
         // YAxis Canvas
         const yAxisWidth = Math.round(canvasYAxisWidth * dpr);
-        if (yAxisCanvas.width !== yAxisWidth) {
-            yAxisCanvas.width = yAxisWidth;
-        }
-        const yAxisHeight = Math.round(height * dpr);
-        if (yAxisCanvas.height !== yAxisHeight) {
-            yAxisCanvas.height = yAxisHeight;
-        }
-        const yAxisCssWidth = `${yAxisWidth / dpr}px`;
-        if (yAxisCanvas.style.width !== yAxisCssWidth) {
-            yAxisCanvas.style.width = yAxisCssWidth;
-        }
-        const yAxisCssHeight = `${yAxisHeight / dpr}px`;
-        if (yAxisCanvas.style.height !== yAxisCssHeight) {
-            yAxisCanvas.style.height = yAxisCssHeight;
+        PaneRenderer.resizeCanvas(yAxisCanvas, yAxisWidth, Math.round(height * dpr), dpr);
+        // Left YAxis Canvas
+        const leftCanvas = this.dom.leftYAxisCanvas;
+        if (leftCanvas) {
+            const fallbackLeftAxisWidth = this.opt.leftAxisWidth;
+            const leftParentWidth = leftCanvas.parentElement?.clientWidth ?? 0;
+            const canvasLeftAxisWidth = leftParentWidth > 0 ? leftParentWidth : fallbackLeftAxisWidth;
+            PaneRenderer.resizeCanvas(leftCanvas, Math.round(Math.max(canvasLeftAxisWidth, 0) * dpr), Math.round(height * dpr), dpr);
         }
         this.webgl.candleSurface?.resize(width, height, dpr);
         this.webgl.lineSurface?.resize(width, height, dpr);

package/dist/engine/paneRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"paneRenderer.js","sourceRoot":"","sources":["../../src/engine/paneRenderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"paneRenderer.js","sourceRoot":"","sources":["../../src/engine/paneRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AA6BtF;;;;sCAIsC;AACtC,MAAM,OAAO,YAAY;IACb,GAAG,CAAiB;IACpB,IAAI,CAA8B;IAClC,GAAG,CAAqB;IACxB,QAAQ,GAAgC,IAAI,CAAA;IAC5C,KAAK,CAA0B;IAEvC,YACI,GAAoB,EACpB,IAAkC,EAClC,GAAwB,EACxB,kBAAsC;QAEtC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;QACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,GAAG,GAAG;YACP,GAAG,GAAG;YACN,eAAe,EAAE,GAAG,CAAC,eAAe,IAAI,EAAE;SAC7C,CAAA;QACD,IAAI,CAAC,KAAK,GAAG;YACT,aAAa,EAAE,IAAI,kBAAkB,CAAC,kBAAkB,CAAC;YACzD,WAAW,EAAE,IAAI,gBAAgB,CAAC,kBAAkB,CAAC;SACxD,CAAA;IACL,CAAC;IAED,oBAAoB;IACpB,OAAO;QACH,OAAO,IAAI,CAAC,IAAI,CAAA;IACpB,CAAC;IAED,gBAAgB;IAChB,MAAM;QACF,OAAO,IAAI,CAAC,GAAG,CAAA;IACnB,CAAC;IAED,WAAW;QACP,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,GAAG;gBACZ,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;gBAC7C,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC;gBACnD,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC;gBAC/C,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI;aAClE,CAAA;QACL,CAAC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACxB,CAAC;IAEO,MAAM,CAAC,YAAY,CACvB,MAAyB,EACzB,OAAe,EACf,QAAgB,EAChB,GAAW;QAEX,IAAI,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE,CAAC;YAC3B,MAAM,CAAC,KAAK,GAAG,OAAO,CAAA;QAC1B,CAAC;QACD,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAA;QAC5B,CAAC;QACD,MAAM,IAAI,GAAG,GAAG,OAAO,GAAG,GAAG,IAAI,CAAA;QACjC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YAC9B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;QAC7B,CAAC;QACD,MAAM,IAAI,GAAG,GAAG,QAAQ,GAAG,GAAG,IAAI,CAAA;QAClC,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC/B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;QAC9B,CAAC;IACL,CAAC;IAED,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,CAAA;IACrB,CAAC;IAED,cAAc,CAAC,MAAmB;QAC9B,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IAC7C,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,GAAW;QAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAA;QACtC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAA;QAC5C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAA;QAExC,yCAAyC;QACzC,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAA;QACrF,MAAM,iBAAiB,GAAG,WAAW,CAAC,aAAa,EAAE,WAAW,IAAI,CAAC,CAAA;QACrE,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAA;QAEvF,cAAc;QACd,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;QACzC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,CAAA;QAC3C,YAAY,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,CAAC,CAAA;QAEjE,sCAAsC;QACtC,YAAY,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,CAAC,CAAA;QAEpE,eAAe;QACf,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,CAAA;QACrD,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;QAEjF,oBAAoB;QACpB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAA;QAC3C,IAAI,UAAU,EAAE,CAAC;YACb,MAAM,qBAAqB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAA;YACpD,MAAM,eAAe,GAAG,UAAU,CAAC,aAAa,EAAE,WAAW,IAAI,CAAC,CAAA;YAClE,MAAM,mBAAmB,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,CAAA;YACzF,YAAY,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;QAC5H,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QACpD,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;IACtD,CAAC;IAED,yBAAyB;IACzB,OAAO;QACH,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,CAAA;QACnC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,CAAA;IACrC,CAAC;CACJ"}

package/dist/engine/render/chartRenderer.d.ts

@@ -1,8 +1,7 @@
-import type { KLineData } from '../../types/price';
 import type { ChartSettings } from '../../config/chartSettings';
 import type { PluginHostImpl } from '../../plugin';
 import { RendererPluginManager } from '../../plugin';
-import type { ChartDom, ChartOptions, KLinePositions, Viewport } from '../chartTypes';
+import type { ChartDom, ChartOptions } from '../chartTypes';
 import { PaneRenderer } from '../paneRenderer';
 import { SharedWebGLSurface } from '../renderers/webgl/sharedWebGLSurface';
 import { MarkerManager } from '../marker/registry';
@@ -11,32 +10,12 @@ import { ChartDataManager } from '../data/chartDataManager';
 import { ChartIndicatorManager } from '../indicators/chartIndicatorManager';
 import { InteractionController } from '../controller/interaction';
 import { UpdateLevel } from '../layout/pane';
-import type { VisibleRange } from '../layout/pane';
 import { DrawingStore } from '../drawing';
+import type { ChartModeHandler } from '../modes/types';
 type ResolvedChartOptions = Omit<ChartOptions, 'kWidth' | 'kGap'> & {
     kWidth: number;
     kGap: number;
 };
-export type FrameContext = {
-    vp: Viewport;
-    range: VisibleRange;
-    kLinePositions: KLinePositions;
-    kLineCenters: number[];
-    kBarRects: Array<{
-        x: number;
-        width: number;
-    }>;
-    kWidthPx: number;
-    useCachedFrame: boolean;
-    data: KLineData[];
-    mainIndicatorRange: {
-        min: number;
-        max: number;
-    } | null;
-    hasCrosshair: boolean;
-    zoomLevel: number;
-    zoomLevelCount: number;
-};
 export interface RendererDependencies {
     getDom: () => ChartDom;
     getOption: () => ResolvedChartOptions;
@@ -51,6 +30,7 @@ export interface RendererDependencies {
     getViewportManager: () => ChartViewportManager;
     getDataManager: () => ChartDataManager;
     getIndicatorManager: () => ChartIndicatorManager;
+    getActiveMode: () => ChartModeHandler;
 }
 export declare class ChartRenderer {
     private deps;
@@ -73,6 +53,7 @@ export declare class ChartRenderer {
     scheduleDraw(level?: UpdateLevel): void;
     draw(level?: UpdateLevel): void;
     private prepareFrameData;
+    private clearAxisCtx;
     clearAllCanvases(): void;
     private renderPanes;
     private renderXAxis;

package/dist/engine/render/chartRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartRenderer.d.ts","sourceRoot":"","sources":["../../../src/engine/render/chartRenderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chartRenderer.d.ts","sourceRoot":"","sources":["../../../src/engine/render/chartRenderer.ts"],"names":[],"mappings":"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"}

package/dist/engine/render/chartRenderer.js

@@ -13,6 +13,7 @@ import { createLastPriceLineRendererPlugin, createLastPriceLabelRegistrarPlugin
 import { createCustomMarkersRenderer } from '../renderers/customMarkers';
 import { createExtremaMarkersRendererPlugin } from '../renderers/extremaMarkers';
 import { createYAxisRendererPlugin } from '../renderers/yAxis';
+import { createLeftYAxisRendererPlugin } from '../renderers/leftYAxis';
 import { createCrosshairRendererPlugin } from '../renderers/crosshair';
 import { createTimeAxisRendererPlugin } from '../renderers/timeAxis';
 export class ChartRenderer {
@@ -65,6 +66,19 @@ export class ChartRenderer {
                 price: interaction.crosshairPrice,
             }),
         }));
+        this.useDrawingPlugin(createLeftYAxisRendererPlugin({
+            axisWidth: opt.leftAxisWidth,
+            yPaddingPx: opt.yPaddingPx,
+            getCrosshair: () => {
+                const pos = interaction.crosshairPos;
+                const price = interaction.crosshairPrice;
+                const activePaneId = interaction.activePaneId;
+                if (pos && price !== null) {
+                    return { y: pos.y, price, activePaneId };
+                }
+                return null;
+            },
+        }));
         this.useDrawingPlugin(createTimeAxisRendererPlugin({
             height: opt.bottomAxisHeight,
             getCrosshair: () => {
@@ -130,15 +144,20 @@ export class ChartRenderer {
         this.markerManager.clear();
         const frame = this.prepareFrameData(level);
         if (!frame) {
-            if (this.deps.getDataManager().getInternalData().length === 0)
+            const dataManager = this.deps.getDataManager();
+            if (dataManager.getInternalData().length === 0 && dataManager.getTimeShareData().length === 0)
                 this.clearAllCanvases();
             return;
         }
         const { vp, range, kLinePositions, kLineCenters, kBarRects, kWidthPx, useCachedFrame } = frame;
-        this.deps.getInteraction().setKLinePositions(kLinePositions, range, kWidthPx);
-        const indicatorManager = this.deps.getIndicatorManager();
-        indicatorManager.indicatorSchedulerAccessor.setActiveMainIndicators([...indicatorManager.mainIndicatorsSignalPeek.entries()].map(([id, entry]) => ({ id, params: entry.params })));
-        const mainIndicatorRange = useCachedFrame ? null : indicatorManager.indicatorSchedulerAccessor.getMainIndicatorPriceRange();
+        this.deps.getInteraction().setKLinePositions(kLinePositions, range, kWidthPx, kLineCenters);
+        const dataManager = this.deps.getDataManager();
+        const mode = this.deps.getActiveMode();
+        if (mode.useIndicatorScheduler) {
+            const indicatorManager = this.deps.getIndicatorManager();
+            indicatorManager.indicatorSchedulerAccessor.setActiveMainIndicators([...indicatorManager.mainIndicatorsSignalPeek.entries()].map(([id, entry]) => ({ id, params: entry.params })));
+        }
+        const mainIndicatorRange = useCachedFrame ? null : this.deps.getIndicatorManager().indicatorSchedulerAccessor.getMainIndicatorPriceRange();
         const hasCrosshair = this.deps.getInteraction().getCrosshairIndex() !== null;
         const { sharedXAxisLabels, sharedXAxisRanges } = this.renderPanes(vp, range, kLinePositions, kLineCenters, kBarRects, kWidthPx, mainIndicatorRange, hasCrosshair, useCachedFrame, level);
         this.overlayHadCrosshair = hasCrosshair;
@@ -149,7 +168,7 @@ export class ChartRenderer {
         const vp = useCachedFrame ? this.cachedDrawFrame.viewport : this.deps.getViewportManager().computeViewport();
         if (!vp)
             return null;
-        const internalData = this.deps.getDataManager().getInternalData();
+        const internalData = this.deps.getDataManager().getRenderData();
         if (internalData.length === 0)
             return null;
         const opt = this.deps.getOption();
@@ -161,11 +180,14 @@ export class ChartRenderer {
             })();
         const range = { start: Math.max(0, rawRange.start), end: rawRange.end };
         const dataManager = this.deps.getDataManager();
+        const mode = this.deps.getActiveMode();
         if (!useCachedFrame && (range.start !== dataManager.lastVisibleRange.start
             || range.end !== dataManager.lastVisibleRange.end
             || rawRange.start !== dataManager.lastRawVisibleRange.start
             || rawRange.end !== dataManager.lastRawVisibleRange.end)) {
-            this.deps.getIndicatorManager().indicatorSchedulerAccessor.updateVisibleRange(range);
+            if (mode.useIndicatorScheduler) {
+                this.deps.getIndicatorManager().indicatorSchedulerAccessor.updateVisibleRange(range);
+            }
             dataManager.lastVisibleRange = range;
             dataManager.lastRawVisibleRange = rawRange;
             this.checkVisibleRangeGapWhenIdle();
@@ -196,7 +218,35 @@ export class ChartRenderer {
                 const barLeftPx = wickXPx - (barWidthPx - 1) / 2;
                 kBarRects[i] = { x: barLeftPx / vp.dpr, width: barWidthPx / vp.dpr };
             }
-            kWidthPx = getPhysicalKLineConfig(opt.kWidth, opt.kGap, vp.dpr).kWidthPx;
+            if (mode.debugName === 'TimeShare') {
+                const totalWidth = vp.plotWidth;
+                const count = kLineCenters.length;
+                if (count > 0) {
+                    const dpr = vp.dpr;
+                    const step = totalWidth / count;
+                    for (let i = 0; i < count; i++) {
+                        kLineCenters[i] = Math.round((i + 0.5) * step * dpr) / dpr;
+                        kLinePositions[i] = Math.round(i * step * dpr) / dpr;
+                    }
+                    kWidthPx = Math.round(totalWidth * dpr / count);
+                    const logicalBarWidth = Math.max(1, step * 0.6);
+                    const barWidthPx = Math.round(logicalBarWidth * dpr);
+                    const halfBarPx = Math.floor(barWidthPx / 2);
+                    for (let i = 0; i < count; i++) {
+                        const centerPx = Math.round(kLineCenters[i] * dpr);
+                        kBarRects[i] = {
+                            x: (centerPx - halfBarPx) / dpr,
+                            width: barWidthPx / dpr,
+                        };
+                    }
+                }
+                else {
+                    kWidthPx = getPhysicalKLineConfig(opt.kWidth, opt.kGap, vp.dpr).kWidthPx;
+                }
+            }
+            else {
+                kWidthPx = getPhysicalKLineConfig(opt.kWidth, opt.kGap, vp.dpr).kWidthPx;
+            }
             this.cachedDrawFrame = {
                 viewport: { ...vp },
                 range: { ...range },
@@ -215,16 +265,28 @@ export class ChartRenderer {
             zoomLevelCount: this.deps.getZoomLevelCount(),
         };
     }
+    clearAxisCtx(ctx, dpr, width, height) {
+        ctx.setTransform(1, 0, 0, 1, 0, 0);
+        ctx.scale(dpr, dpr);
+        ctx.clearRect(0, 0, width, height + 2 / dpr);
+    }
     clearAllCanvases() {
         const vp = this.deps.getViewportManager().computeViewport();
         if (!vp)
             return;
         for (const r of this.deps.getPaneRenderers()) {
-            const { mainCtx, overlayCtx, yAxisCtx } = r.getContexts();
+            const { mainCtx, overlayCtx, yAxisCtx, leftAxisCtx } = r.getContexts();
             const pane = r.getPane();
             mainCtx?.clearRect(0, 0, vp.plotWidth + 1, pane.height + 2 / vp.dpr);
             overlayCtx?.clearRect(0, 0, vp.plotWidth + 1, pane.height + 2 / vp.dpr);
             yAxisCtx?.clearRect(0, 0, vp.plotWidth + 1, pane.height + 2 / vp.dpr);
+            if (leftAxisCtx) {
+                const leftCanvas = leftAxisCtx.canvas;
+                if (leftCanvas) {
+                    const laW = leftCanvas.width / vp.dpr;
+                    leftAxisCtx.clearRect(0, 0, laW, pane.height + 2 / vp.dpr);
+                }
+            }
         }
         const xCtx = this.xAxisCtx;
         if (xCtx) {
@@ -241,15 +303,16 @@ export class ChartRenderer {
         const dataManager = this.deps.getDataManager();
         const rendererPluginManager = this.deps.getRendererPluginManager();
         const pluginHost = this.deps.getPluginHost();
+        const mode = this.deps.getActiveMode();
         for (const renderer of this.deps.getPaneRenderers()) {
             const pane = renderer.getPane();
-            const { mainCtx, overlayCtx, yAxisCtx } = renderer.getContexts();
+            const { mainCtx, overlayCtx, yAxisCtx, leftAxisCtx } = renderer.getContexts();
             const { candleSurface, lineSurface } = renderer.getWebGL();
             if (!useCachedFrame) {
-                const indicatorRange = pane.role === 'price' ? mainIndicatorRange : null;
+                const indicatorRange = pane.role === 'price' && mode.useIndicatorScheduler ? mainIndicatorRange : null;
                 const comparisonRange = pane.id === 'main' ? dataManager.getComparisonEquivalentPriceRange(range) : null;
                 const mergedRange = this.mergeNumericRanges(indicatorRange, comparisonRange);
-                pane.updateRange(dataManager.getInternalData(), range, mergedRange);
+                mode.updatePaneRange(pane, range, dataManager, mergedRange);
                 if (pane.id === 'main' && this.settings.disableMainPaneVerticalScroll) {
                     pane.yAxis.resetTransform();
                 }
@@ -271,16 +334,18 @@ export class ChartRenderer {
             }
             if (yAxisCtx && !useCachedFrame) {
                 const yAxisWidth = yAxisCtx.canvas.width / vp.dpr;
-                yAxisCtx.setTransform(1, 0, 0, 1, 0, 0);
-                yAxisCtx.scale(vp.dpr, vp.dpr);
-                yAxisCtx.clearRect(0, 0, yAxisWidth, pane.height + 2 / vp.dpr);
+                this.clearAxisCtx(yAxisCtx, vp.dpr, yAxisWidth, pane.height);
+            }
+            if (leftAxisCtx && !useCachedFrame) {
+                const leftAxisWidth = leftAxisCtx.canvas.width / vp.dpr;
+                this.clearAxisCtx(leftAxisCtx, vp.dpr, leftAxisWidth, pane.height);
             }
             const opt = this.deps.getOption();
             const context = {
                 ctx: mainCtx,
                 overlayCtx: overlayCtx ?? undefined,
                 pane: wrapPaneInfo(pane),
-                data: dataManager.getInternalData(),
+                data: dataManager.getRenderData(),
                 period: dataManager.currentPeriod,
                 comparisonData: dataManager.getComparisonData(),
                 comparisonSymbols: dataManager.getComparisonSpecs(),
@@ -297,6 +362,7 @@ export class ChartRenderer {
                 markerManager: this.markerManager,
                 crosshairIndex: this.deps.getInteraction().getCrosshairIndex(),
                 yAxisCtx: yAxisCtx ?? undefined,
+                leftAxisCtx: leftAxisCtx ?? undefined,
                 candleWebGLSurface: candleSurface ?? undefined,
                 lineWebGLSurface: lineSurface ?? undefined,
                 zoomLevel: this.deps.getCurrentZoomLevel(),
@@ -324,6 +390,10 @@ export class ChartRenderer {
                 if (yAxisErrors.length > 0) {
                     pluginHost.events.emit('renderer:error', { paneId: pane.id, errors: yAxisErrors });
                 }
+                const leftAxisErrors = rendererPluginManager.renderPlugin('leftYAxis', context);
+                if (leftAxisErrors.length > 0) {
+                    pluginHost.events.emit('renderer:error', { paneId: pane.id, errors: leftAxisErrors });
+                }
             }
         }
         return { sharedXAxisLabels, sharedXAxisRanges };
@@ -365,7 +435,7 @@ export class ChartRenderer {
                     priceRange: { maxPrice: 0, minPrice: 0 },
                 },
                 period: this.deps.getDataManager().currentPeriod,
-                data: this.deps.getDataManager().getInternalData(),
+                data: this.deps.getDataManager().getRenderData(),
                 range,
                 scrollLeft: vp.scrollLeft,
                 kWidth: opt.kWidth,