@363045841yyt/klinechart-core 0.7.9 → 0.7.10

package/src/engine/renderers/Indicator/index.ts

@@ -3,7 +3,7 @@
  */
 
 import type { RendererPlugin } from '../../../plugin'
-import { createVolumeRendererPlugin } from '../subVolume'
+import type { IndicatorMetadata } from '../../indicators/indicatorMetadata'
 
 // MA 均线
 export { createMARendererPlugin, type MAFlags } from './ma'
@@ -104,138 +104,26 @@ export { createVolumeProfileRendererPlugin } from './volumeProfile'
 /**
  * 副图指标类型
  */
-export type SubIndicatorType = 'VOLUME' | 'MACD' | 'RSI' | 'CCI' | 'STOCH' | 'MOM' | 'WMSR' | 'KST' | 'FASTK' | 'ATR'
-    | 'WMA' | 'DEMA' | 'TEMA' | 'HMA' | 'KAMA' | 'SAR' | 'SUPERTREND' | 'KELTNER' | 'DONCHIAN' | 'ICHIMOKU'
-    | 'ROC' | 'TRIX' | 'HV' | 'PARKINSON' | 'CHAIKIN_VOL' | 'VMA' | 'OBV' | 'PVT' | 'VWAP'
-    | 'CMF' | 'MFI' | 'PIVOT' | 'FIB' | 'STRUCTURE' | 'ZONES' | 'VOLUME_PROFILE'
+export type SubIndicatorType = string
 
 /**
  * 渲染器工厂选项
  */
 export interface IndicatorRendererOptions {
     /** 指标类型 */
-    indicatorId: SubIndicatorType
+    indicatorId: string
     /** 目标 pane ID */
     paneId: string
+    /** 指标元数据 */
+    definition: IndicatorMetadata
+    /** 初始配置 */
+    params?: Record<string, unknown>
 }
 
-// 导入各个创建函数用于工厂函数
-import { createMACDRendererPlugin } from './macd'
-import { createRSIRendererPlugin } from './rsi'
-import { createCCIRendererPlugin } from './cci'
-import { createSTOCHRendererPlugin } from './stoch'
-import { createMOMRendererPlugin } from './mom'
-import { createWMSRRendererPlugin } from './wmsr'
-import { createKSTRendererPlugin } from './kst'
-import { createFASTKRendererPlugin } from './fastk'
-import { createATRRendererPlugin } from './atr'
-import { createWMARendererPlugin } from './wma'
-import { createDEMARendererPlugin } from './dema'
-import { createTEMARendererPlugin } from './tema'
-import { createHMARendererPlugin } from './hma'
-import { createKAMARendererPlugin } from './kama'
-import { createSARRendererPlugin } from './sar'
-import { createSuperTrendRendererPlugin } from './supertrend'
-import { createKeltnerRendererPlugin } from './keltner'
-import { createDonchianRendererPlugin } from './donchian'
-import { createIchimokuRendererPlugin } from './ichimoku'
-import { createROCRendererPlugin } from './roc'
-import { createTRIXRendererPlugin } from './trix'
-import { createHVRendererPlugin } from './hv'
-import { createParkinsonRendererPlugin } from './parkinson'
-import { createChaikinVolRendererPlugin } from './chaikinVol'
-import { createVMARendererPlugin } from './vma'
-import { createOBVRendererPlugin } from './obv'
-import { createPVTRendererPlugin } from './pvt'
-import { createVWAPRendererPlugin } from './vwap'
-import { createCMFRendererPlugin } from './cmf'
-import { createMFIRendererPlugin } from './mfi'
-import { createPivotRendererPlugin } from './pivot'
-import { createFibRendererPlugin } from './fib'
-import { createStructureRendererPlugin } from './structure'
-import { createZonesRendererPlugin } from './zones'
-import { createVolumeProfileRendererPlugin } from './volumeProfile'
-
 /**
  * 创建副图指标渲染器（统一工厂函数）
  */
 export function createSubIndicatorRenderer(options: IndicatorRendererOptions): RendererPlugin {
-    const { indicatorId, paneId } = options
-
-    switch (indicatorId) {
-        case 'VOLUME':
-            return createVolumeRendererPlugin({ paneId })
-        case 'MACD':
-            return createMACDRendererPlugin({ paneId })
-        case 'RSI':
-            return createRSIRendererPlugin({ paneId })
-        case 'CCI':
-            return createCCIRendererPlugin({ paneId })
-        case 'STOCH':
-            return createSTOCHRendererPlugin({ paneId })
-        case 'MOM':
-            return createMOMRendererPlugin({ paneId })
-        case 'WMSR':
-            return createWMSRRendererPlugin({ paneId })
-        case 'KST':
-            return createKSTRendererPlugin({ paneId })
-        case 'FASTK':
-            return createFASTKRendererPlugin({ paneId })
-        case 'ATR':
-            return createATRRendererPlugin({ paneId })
-        case 'WMA':
-            return createWMARendererPlugin({ paneId })
-        case 'DEMA':
-            return createDEMARendererPlugin({ paneId })
-        case 'TEMA':
-            return createTEMARendererPlugin({ paneId })
-        case 'HMA':
-            return createHMARendererPlugin({ paneId })
-        case 'KAMA':
-            return createKAMARendererPlugin({ paneId })
-        case 'SAR':
-            return createSARRendererPlugin({ paneId })
-        case 'SUPERTREND':
-            return createSuperTrendRendererPlugin({ paneId })
-        case 'KELTNER':
-            return createKeltnerRendererPlugin({ paneId })
-        case 'DONCHIAN':
-            return createDonchianRendererPlugin({ paneId })
-        case 'ICHIMOKU':
-            return createIchimokuRendererPlugin({ paneId })
-        case 'ROC':
-            return createROCRendererPlugin({ paneId })
-        case 'TRIX':
-            return createTRIXRendererPlugin({ paneId })
-        case 'HV':
-            return createHVRendererPlugin({ paneId })
-        case 'PARKINSON':
-            return createParkinsonRendererPlugin({ paneId })
-        case 'CHAIKIN_VOL':
-            return createChaikinVolRendererPlugin({ paneId })
-        case 'VMA':
-            return createVMARendererPlugin({ paneId })
-        case 'OBV':
-            return createOBVRendererPlugin({ paneId })
-        case 'PVT':
-            return createPVTRendererPlugin({ paneId })
-        case 'VWAP':
-            return createVWAPRendererPlugin({ paneId })
-        case 'CMF':
-            return createCMFRendererPlugin({ paneId })
-        case 'MFI':
-            return createMFIRendererPlugin({ paneId })
-        case 'PIVOT':
-            return createPivotRendererPlugin({ paneId })
-        case 'FIB':
-            return createFibRendererPlugin({ paneId })
-        case 'STRUCTURE':
-            return createStructureRendererPlugin({ paneId })
-        case 'ZONES':
-            return createZonesRendererPlugin({ paneId })
-        case 'VOLUME_PROFILE':
-            return createVolumeProfileRendererPlugin({ paneId })
-        default:
-            throw new Error(`Unknown indicator: ${indicatorId}`)
-    }
+    const { indicatorId, paneId, definition, params } = options
+    return definition.rendererFactory({ paneId, indicatorId, params })
 }

package/src/engine/renderers/Indicator/kama.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { KAMARenderState } from '../../indicators/kamaState'
-import { createKAMAStateKey } from '../../indicators/kamaState'
+import { createKAMAStateKey, EMPTY_KAMA_STATE } from '../../indicators/kamaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, KAMASchedulerConfig } from '../../indicators/scheduler'
 
 const KAMA_COLOR = '#0ea5e9'
 
@@ -127,6 +128,12 @@ export function createKAMARendererPlugin(options: KAMARendererOptions = {}): Ren
     defaultPaneId: 'main',
     paneIdField: 'kamaPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'kama_main', toActiveConfig: (params, active) => ({ ...params, showKAMA: active }) },
+    visibleState: { compose: createSparseVisibleStateComposer('kama', EMPTY_KAMA_STATE) },
+    scale: { indicatorKey: 'kama', label: 'KAMA', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateKAMAConfig(params as Partial<KAMASchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createKAMAStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/keltner.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { KeltnerRenderState } from '../../indicators/keltnerState'
-import { createKeltnerStateKey } from '../../indicators/keltnerState'
+import { createKeltnerStateKey, EMPTY_KELTNER_STATE } from '../../indicators/keltnerState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, KeltnerSchedulerConfig } from '../../indicators/scheduler'
+import { createBandVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 const KELTNER_UPPER_COLOR = '#7c3aed'
 const KELTNER_MIDDLE_COLOR = '#f59e0b'
@@ -129,6 +130,12 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
     defaultPaneId: 'main',
     paneIdField: 'keltnerPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'keltner_main', toActiveConfig: (params, active) => ({ ...params, showUpper: active, showMiddle: active, showLower: active }) },
+    scale: { indicatorKey: 'keltner', label: 'Keltner', decimals: 2 },
+    visibleState: { compose: createBandVisibleStateComposer('keltner', EMPTY_KELTNER_STATE, 'lower', 'upper') },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateKeltnerConfig(params as Partial<KeltnerSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createKeltnerStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/kst.ts

@@ -3,9 +3,12 @@ import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import type { KSTRenderState } from '../../indicators/kstState'
 import { createKSTStateKey } from '../../indicators/kstState'
+import { EMPTY_KST_STATE } from '../../indicators/kstState'
+import { createPaddedPointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, KSTSchedulerConfig } from '../../indicators/scheduler'
+import { createKstScaleRendererPlugin } from './scale/kst_scale'
 
 type LinePoint = { x: number; y: number }
 
@@ -294,6 +297,11 @@ export function getKSTTitleInfo(
     stateKey: createKSTStateKey,
     defaultPaneId: 'sub_KST',
     paneIdField: 'kstPaneId',
+    scaleRendererFactory: createKstScaleRendererPlugin,
+    updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateKSTConfig(params as Partial<KSTSchedulerConfig>, paneId)
+  },
+    visibleState: { compose: createPaddedPointVisibleStateComposer('kst', EMPTY_KST_STATE, ['kst', 'signal'] as const) },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createKSTStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/ma.ts

@@ -3,7 +3,9 @@ import { RENDERER_PRIORITY } from '../../../plugin'
 import { MA_STATE_KEY, type MARenderState } from '../../indicators/maState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { MAFlags } from '../../indicators/calculators'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
 import { resolveThemeColors } from '../../../tokens'
 
@@ -12,6 +14,47 @@ export type { MAFlags } from '../../indicators/calculators'
 
 type LinePoint = { x: number; y: number }
 
+const SEMANTIC_MA_PERIOD_FLAGS = new Map<number, keyof MAFlags>([
+    [5, 'ma5'],
+    [10, 'ma10'],
+    [20, 'ma20'],
+    [30, 'ma30'],
+    [60, 'ma60'],
+])
+
+const computeMAPriceRange: IndicatorPriceRangeComputer = (bundle, range) => {
+    const seriesList = Object.values(bundle.ma.series)
+    if (seriesList.length === 0 || range.start >= seriesList[0]!.length) {
+        return null
+    }
+
+    let min = Infinity
+    let max = -Infinity
+    for (const values of seriesList) {
+        const end = Math.min(range.end, values.length)
+        for (let i = range.start; i < end; i++) {
+            const v = values[i]
+            if (v !== undefined) {
+                min = Math.min(min, v)
+                max = Math.max(max, v)
+            }
+        }
+    }
+
+    return Number.isFinite(min) && Number.isFinite(max) ? { min, max } : null
+}
+
+const composeMARenderState: IndicatorRenderStateComposer = (bundle, range, timestamp): MARenderState => {
+    const priceRange = computeMAPriceRange(bundle, range) ?? { min: Infinity, max: -Infinity }
+    return {
+        timestamp,
+        series: bundle.ma.series,
+        enabledPeriods: bundle.ma.enabledPeriods,
+        visibleMin: priceRange.min,
+        visibleMax: priceRange.max,
+    }
+}
+
 function buildMACacheKey(
     range: { start: number; end: number },
     kLineCenters: number[],
@@ -56,6 +99,32 @@ function getMAStateKey(host: PluginHost | null): string | null {
     category: 'main',
     stateKey: MA_STATE_KEY,
     defaultPaneId: 'main',
+    mainPane: {
+        rendererName: 'ma',
+        toActiveConfig: (_params, active) => ({
+            ma5: active,
+            ma10: active,
+            ma20: active,
+            ma30: active,
+            ma60: active,
+        }),
+        computePriceRange: computeMAPriceRange,
+        composeRenderState: composeMARenderState,
+    },
+    updateConfig: (scheduler, params) => {
+        (scheduler as IndicatorScheduler).updateMAConfig(params as MAFlags)
+    },
+    semantic: {
+        apply: (chart, indicator) => {
+            const periods = (indicator as { params?: { periods?: number[] } }).params?.periods ?? [5, 10, 20, 30, 60]
+            const maFlags: Partial<MAFlags> = {}
+            for (const period of periods) {
+                const flag = SEMANTIC_MA_PERIOD_FLAGS.get(period)
+                if (flag) maFlags[flag] = true
+            }
+            chart.updateRendererConfig('ma', maFlags)
+        },
+    },
     applyResult: (host, state, _paneId) => {
         host.setSharedState(MA_STATE_KEY, state as any, 'ma_scheduler')
     },

package/src/engine/renderers/Indicator/macd.ts

@@ -4,12 +4,14 @@ import type { KLineData } from '../../../types/price'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
 import type { MACDRenderState } from '../../indicators/macdState'
-import { createMACDStateKey } from '../../indicators/macdState'
+import { createMACDStateKey, EMPTY_MACD_STATE } from '../../indicators/macdState'
 import type { MACDPoint } from '../../indicators/calculators'
 import { calcMACDData } from '../../indicators/calculators'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createMACDVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, MACDSchedulerConfig } from '../../indicators/scheduler'
+import { createMacdScaleRendererPlugin } from './scale/macd_scale'
 
 type LinePoint = { x: number; y: number }
 
@@ -470,6 +472,11 @@ export function getMACDTitleInfo(
   stateKey: createMACDStateKey,
   defaultPaneId: 'sub_MACD',
   paneIdField: 'macdPaneId',
+  scaleRendererFactory: createMacdScaleRendererPlugin,
+  visibleState: { compose: createMACDVisibleStateComposer('macd', EMPTY_MACD_STATE) },
+  updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateMACDConfig(params as Partial<MACDSchedulerConfig>, paneId)
+  },
   applyResult: (host, state, paneId) => {
     host.setSharedState(createMACDStateKey(paneId), state as any, 'indicator_scheduler')
   },

package/src/engine/renderers/Indicator/mfi.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { MFIRenderState } from '../../indicators/mfiState'
-import { createMFIStateKey } from '../../indicators/mfiState'
+import { createMFIStateKey, EMPTY_MFI_STATE } from '../../indicators/mfiState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, MFISchedulerConfig } from '../../indicators/scheduler'
 
 const MFI_COLOR = '#fb923c'
 
@@ -133,6 +134,11 @@ export function createMFIRendererPlugin(options: { paneId?: string } = {}): Rend
     stateKey: createMFIStateKey,
     defaultPaneId: 'sub_MFI',
     paneIdField: 'mfiPaneId',
+    visibleState: { compose: createFixedRangeSparseVisibleStateComposer('mfi', EMPTY_MFI_STATE) },
+    scale: { indicatorKey: 'mfi', label: 'MFI', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateMFIConfig(params as Partial<MFISchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createMFIStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/mom.ts

@@ -4,9 +4,12 @@ import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
 import type { MOMRenderState } from '../../indicators/momState'
 import { createMOMStateKey } from '../../indicators/momState'
+import { EMPTY_MOM_STATE } from '../../indicators/momState'
+import { createPaddedSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, MOMSchedulerConfig } from '../../indicators/scheduler'
+import { createMomScaleRendererPlugin } from './scale/mom_scale'
 
 type LinePoint = { x: number; y: number }
 
@@ -303,6 +306,11 @@ export function getMOMTitleInfo(
     stateKey: createMOMStateKey,
     defaultPaneId: 'sub_MOM',
     paneIdField: 'momPaneId',
+    scaleRendererFactory: createMomScaleRendererPlugin,
+    updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateMOMConfig(params as Partial<MOMSchedulerConfig>, paneId)
+  },
+    visibleState: { compose: createPaddedSparseVisibleStateComposer('mom', EMPTY_MOM_STATE) },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createMOMStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/obv.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { OBVRenderState } from '../../indicators/obvState'
-import { createOBVStateKey } from '../../indicators/obvState'
+import { createOBVStateKey, EMPTY_OBV_STATE } from '../../indicators/obvState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, OBVSchedulerConfig } from '../../indicators/scheduler'
 
 const OBV_COLOR = '#16a34a'
 
@@ -114,6 +115,11 @@ export function createOBVRendererPlugin(options: { paneId?: string } = {}): Rend
     stateKey: createOBVStateKey,
     defaultPaneId: 'sub_OBV',
     paneIdField: 'obvPaneId',
+    visibleState: { compose: createSparseVisibleStateComposer('obv', EMPTY_OBV_STATE) },
+    scale: { indicatorKey: 'obv', label: 'OBV', decimals: 0 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateOBVConfig(params as Partial<OBVSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createOBVStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/parkinson.ts

@@ -2,9 +2,11 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { ParkinsonRenderState } from '../../indicators/parkinsonState'
 import { createParkinsonStateKey } from '../../indicators/parkinsonState'
+import { EMPTY_PARKINSON_STATE } from '../../indicators/parkinsonState'
+import { createNonNegativeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, ParkinsonSchedulerConfig } from '../../indicators/scheduler'
 
 const PARKINSON_COLOR = '#0891b2'
 
@@ -115,6 +117,11 @@ export function createParkinsonRendererPlugin(options: { paneId?: string } = {})
     stateKey: createParkinsonStateKey,
     defaultPaneId: 'sub_Parkinson',
     paneIdField: 'parkinsonPaneId',
+    scale: { indicatorKey: 'parkinson', label: 'Parkinson', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateParkinsonConfig(params as Partial<ParkinsonSchedulerConfig>, paneId)
+    },
+    visibleState: { compose: createNonNegativeSparseVisibleStateComposer('parkinson', EMPTY_PARKINSON_STATE) },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createParkinsonStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/pivot.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { PivotRenderState } from '../../indicators/pivotState'
-import { createPivotStateKey } from '../../indicators/pivotState'
+import { createPivotStateKey, EMPTY_PIVOT_STATE } from '../../indicators/pivotState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, PivotSchedulerConfig } from '../../indicators/scheduler'
+import { createExactRangePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 const PP_COLOR = '#94a3b8'
 const R_COLOR = '#dc2626'
@@ -122,6 +123,12 @@ function drawStep(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
     defaultPaneId: 'main',
     paneIdField: 'pivotPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'pivot_main', toActiveConfig: (params, active) => ({ ...params, showPP: active, showR1: active, showR2: active, showR3: active, showS1: active, showS2: active, showS3: active }) },
+    scale: { indicatorKey: 'pivot', label: 'Pivot', decimals: 2 },
+    visibleState: { compose: createExactRangePointVisibleStateComposer('pivot', EMPTY_PIVOT_STATE, ['pp', 'r1', 'r2', 'r3', 's1', 's2', 's3']) },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updatePivotConfig(params as Partial<PivotSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createPivotStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/pvt.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { PVTRenderState } from '../../indicators/pvtState'
-import { createPVTStateKey } from '../../indicators/pvtState'
+import { createPVTStateKey, EMPTY_PVT_STATE } from '../../indicators/pvtState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, PVTSchedulerConfig } from '../../indicators/scheduler'
 
 const PVT_COLOR = '#a855f7'
 
@@ -114,6 +115,11 @@ export function createPVTRendererPlugin(options: { paneId?: string } = {}): Rend
     stateKey: createPVTStateKey,
     defaultPaneId: 'sub_PVT',
     paneIdField: 'pvtPaneId',
+    visibleState: { compose: createSparseVisibleStateComposer('pvt', EMPTY_PVT_STATE) },
+    scale: { indicatorKey: 'pvt', label: 'PVT', decimals: 0 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updatePVTConfig(params as Partial<PVTSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createPVTStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/roc.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { ROCRenderState } from '../../indicators/rocState'
-import { createROCStateKey } from '../../indicators/rocState'
+import { createROCStateKey, EMPTY_ROC_STATE } from '../../indicators/rocState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, ROCSchedulerConfig } from '../../indicators/scheduler'
 
 const ROC_COLOR = '#0ea5e9'
 
@@ -134,6 +135,11 @@ export function createROCRendererPlugin(options: ROCRendererOptions = {}): Rende
     stateKey: createROCStateKey,
     defaultPaneId: 'sub_ROC',
     paneIdField: 'rocPaneId',
+    visibleState: { compose: createSparseVisibleStateComposer('roc', EMPTY_ROC_STATE) },
+    scale: { indicatorKey: 'roc', label: 'ROC', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateROCConfig(params as Partial<ROCSchedulerConfig>, paneId)
+  },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createROCStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/rsi.ts

@@ -3,10 +3,12 @@ import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
 import type { RSIRenderState } from '../../indicators/rsiState'
-import { createRSIStateKey } from '../../indicators/rsiState'
+import { createRSIStateKey, EMPTY_RSI_STATE } from '../../indicators/rsiState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createFixedRangeRecordVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, RSISchedulerConfig } from '../../indicators/scheduler'
+import { createRsiScaleRendererPlugin } from './scale/rsi_scale'
 
 type LinePoint = { x: number; y: number }
 
@@ -388,6 +390,11 @@ export function getRSITitleInfo(
     stateKey: createRSIStateKey,
     defaultPaneId: 'sub_RSI',
     paneIdField: 'rsiPaneId',
+    visibleState: { compose: createFixedRangeRecordVisibleStateComposer('rsi', EMPTY_RSI_STATE) },
+    scaleRendererFactory: createRsiScaleRendererPlugin,
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateRSIConfig(params as Partial<RSISchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createRSIStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/sar.ts

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { SARRenderState } from '../../indicators/sarState'
-import { createSARStateKey } from '../../indicators/sarState'
+import { createSARStateKey, EMPTY_SAR_STATE } from '../../indicators/sarState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, SARSchedulerConfig } from '../../indicators/scheduler'
+import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 const SAR_UP_COLOR = '#22c55e'
 const SAR_DOWN_COLOR = '#ef4444'
@@ -104,6 +105,12 @@ export function createSARRendererPlugin(options: SARRendererOptions = {}): Rende
     defaultPaneId: 'main',
     paneIdField: 'sarPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'sar_main', toActiveConfig: (params, active) => ({ ...params, showSAR: active }) },
+    scale: { indicatorKey: 'sar', label: 'SAR', decimals: 4 },
+    visibleState: { compose: createValuePointVisibleStateComposer('sar', EMPTY_SAR_STATE, ['value']) },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateSARConfig(params as Partial<SARSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createSARStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/Indicator/stoch.ts

@@ -3,10 +3,12 @@ import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
 import type { STOCHRenderState } from '../../indicators/stochState'
-import { createSTOCHStateKey } from '../../indicators/stochState'
+import { createSTOCHStateKey, EMPTY_STOCH_STATE } from '../../indicators/stochState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createFixedRangePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, STOCHSchedulerConfig } from '../../indicators/scheduler'
+import { createStochScaleRendererPlugin } from './scale/stoch_scale'
 
 type LinePoint = { x: number; y: number }
 
@@ -351,6 +353,11 @@ export function getSTOCHTitleInfo(
     stateKey: createSTOCHStateKey,
     defaultPaneId: 'sub_STOCH',
     paneIdField: 'stochPaneId',
+    visibleState: { compose: createFixedRangePointVisibleStateComposer('stoch', EMPTY_STOCH_STATE, ['k', 'd'] as const) },
+    scaleRendererFactory: createStochScaleRendererPlugin,
+    updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateSTOCHConfig(params as Partial<STOCHSchedulerConfig>, paneId)
+  },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createSTOCHStateKey(paneId), state as any, 'indicator_scheduler')
     },