일목균형표 z-order 테스트: 빨간 직사각형 그리기

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/utils/IchimokuCloudPlugin.ts

@@ -66,12 +66,17 @@ class CloudRenderer implements IPrimitivePaneRenderer {
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   draw(target: any): void {
-    console.log('[IchimokuCloud] draw called. data.length:', this._data.length);
     if (this._data.length < 2) return;
     const timeScale = this._chart.timeScale();
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     target.useBitmapCoordinateSpace(({ context: ctx, horizontalPixelRatio: hpr, verticalPixelRatio: vpr }: any) => {
+      // Z-ORDER TEST: 밝은 빨간 직사각형 - 보이면 z-order가 맞고, 안보이면 캔버스가 뒤에 있는것
+      ctx.save();
+      ctx.fillStyle = 'rgba(255, 0, 0, 0.8)';
+      ctx.fillRect(100 * hpr, 50 * vpr, 300 * hpr, 80 * vpr);
+      ctx.restore();
+
       let drawn = 0, skippedTime = 0, skippedPrice = 0;
       for (let i = 0; i < this._data.length - 1; i++) {
         const a = this._data[i];