@363045841yyt/klinechart-core 0.7.12 → 0.8.1-alpha.1

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

@@ -10,6 +10,7 @@ import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, ATRSchedulerConfig } from '../../indicators/scheduler'
 import { createAtrScaleRendererPlugin } from './scale/atr_scale'
 import { calcATRData } from '../../indicators/calculators'
+import type { KLineData } from '../../../types/price'
 
 type LinePoint = { x: number; y: number }
 
@@ -209,11 +210,14 @@ function drawWithCanvas2D(
  * 获取 ATR 标题信息（供 paneTitle 使用）
  */
 export function getATRTitleInfo(
-    index: number,
-    period: number,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
     pluginHost: PluginHost,
-    paneId: string = 'sub_ATR',
+    paneId: string,
 ): { name: string; params: number[]; values: Array<{ label: string; value: number; color: string }> } | null {
+    if (index === null) return null
+    const period = (params.period as number) ?? 14
     const state = pluginHost.getSharedState<ATRRenderState>(createATRStateKey(paneId))
     if (!state) return null
 
@@ -233,18 +237,11 @@ export function getATRTitleInfo(
     name: 'atr',
     displayName: 'ATR',
     category: 'oscillator',
-    stateKey: createATRStateKey,
     defaultPaneId: 'sub_ATR',
     scaleRendererFactory: createAtrScaleRendererPlugin,
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateIndicatorConfig('atr', params, paneId)
-  },
     visibleState: { compose: createNonNegativeSparseVisibleStateComposer('atr', EMPTY_ATR_STATE) },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createATRStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    getTitleInfo: getATRTitleInfo,
     runtime: {
-        configKey: 'atr',
         defaultConfig: { period: 14, showATR: true },
         computeKey: 'calcATRData',
         compute: (data, c) => calcATRData(data, c.period),

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

@@ -6,7 +6,7 @@ import { resolveThemeColors } from '../../../tokens'
 import { BOLL_STATE_KEY, type BOLLRenderState } from '../../indicators/bollState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer } from '../../indicators/indicatorMetadata'
+import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer, GetTitleInfoFn, TitleInfo, TitleValueItem } from '../../indicators/indicatorMetadata'
 import type { BOLLSchedulerConfig, IndicatorScheduler } from '../../indicators/scheduler'
 import { calcBOLLData } from '../../indicators/calculators'
 
@@ -110,7 +110,7 @@ function buildPriceCacheKey(
     return `${range.start}|${range.end}|${dataLength}|${lastTimestamp}|${period}`
 }
 
-function getBOLLStateKey(host: PluginHost | null): string | null {
+export function getBOLLStateKey(host: PluginHost | null): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
     if (!scheduler) {
         console.warn('[BOLLRenderer] Scheduler not available via service locator')
@@ -155,11 +155,37 @@ const composeBOLLRenderState: IndicatorRenderStateComposer = (bundle, range, tim
     }
 }
 
+export const getBOLLTitleInfo: GetTitleInfoFn = (
+    _data: KLineData[],
+    index: number | null,
+    _params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    _paneId: string,
+): TitleInfo | null => {
+    if (index === null) return null
+
+    const stateKey = getBOLLStateKey(pluginHost)
+    if (!stateKey) return null
+
+    const state = pluginHost?.getSharedState<BOLLRenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const bollPoint = state.series[index]
+    if (!bollPoint) return null
+
+    const values: TitleValueItem[] = [
+        { label: 'UP', value: bollPoint.upper, color: '#C83C3C' },
+        { label: 'MID', value: bollPoint.middle, color: '#5A8CFF' },
+        { label: 'DN', value: bollPoint.lower, color: '#32AA3C' },
+    ]
+
+    return { name: 'BOLL', params: [state.params.period, state.params.multiplier], values }
+}
+
 @Indicator({
     name: 'boll',
     displayName: 'BOLL',
     category: 'main',
-    stateKey: BOLL_STATE_KEY,
     defaultPaneId: 'main',
     mainPane: {
         rendererName: 'boll',
@@ -169,9 +195,6 @@ const composeBOLLRenderState: IndicatorRenderStateComposer = (bundle, range, tim
         computePriceRange: computeBOLLPriceRange,
         composeRenderState: composeBOLLRenderState,
     },
-    updateConfig: (scheduler, params) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('boll', params)
-    },
     semantic: {
         apply: (chart, indicator) => {
             const params = (indicator as { params?: { period?: number; multiplier?: number } }).params
@@ -181,10 +204,8 @@ const composeBOLLRenderState: IndicatorRenderStateComposer = (bundle, range, tim
             })
         },
     },
-    applyResult: (host, state, _paneId) => {
-        host.setSharedState(BOLL_STATE_KEY, state as any, 'indicator_scheduler')
-    },
-    runtime: { configKey:'boll', defaultConfig:{period:20,multiplier:2,showUpper:true,showMiddle:true,showLower:true,showBand:true}, computeKey:'calcBOLLData', compute:(data,c)=>calcBOLLData(data,c.period,c.multiplier) },
+    runtime: { defaultConfig:{period:20,multiplier:2,showUpper:true,showMiddle:true,showLower:true,showBand:true}, computeKey:'calcBOLLData', compute:(data,c)=>calcBOLLData(data,c.period,c.multiplier) },
+    getTitleInfo: getBOLLTitleInfo,
 })
 class BOLLDefinition {
     static rendererFactory = createBOLLRendererPlugin

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

@@ -9,6 +9,7 @@ import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, CCISchedulerConfig } from '../../indicators/scheduler'
 import { createCciScaleRendererPlugin } from './scale/cci_scale'
 import { calcCCIData } from '../../indicators/calculators'
+import type { KLineData } from '../../../types/price'
 
 type LinePoint = { x: number; y: number }
 
@@ -240,14 +241,15 @@ function drawCCILineWithCanvas2D(
  * 获取 CCI 标题信息（供 paneTitle 使用）
  */
 export function getCCITitleInfo(
-    index: number,
-    period: number,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
     pluginHost: PluginHost,
-    paneId: string = 'sub_CCI',
-    theme: 'light' | 'dark' = 'light',
-    isAsiaMarket?: boolean
+    paneId: string,
 ): { name: string; params: number[]; values: Array<{ label: string; value: number; color: string }> } | null {
-    const colors = resolveThemeColors(theme, isAsiaMarket)
+    if (index === null) return null
+    const period = (params.period as number) ?? 14
+    const colors = resolveThemeColors('light')
     const state = pluginHost.getSharedState<CCIRenderState>(createCCIStateKey(paneId))
     if (!state) return null
 
@@ -267,18 +269,11 @@ export function getCCITitleInfo(
     name: 'cci',
     displayName: 'CCI',
     category: 'oscillator',
-    stateKey: createCCIStateKey,
     defaultPaneId: 'sub_CCI',
     scaleRendererFactory: createCciScaleRendererPlugin,
     visibleState: { compose: createCCIVisibleStateComposer('cci', EMPTY_CCI_STATE) },
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateIndicatorConfig('cci', params, paneId)
-  },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createCCIStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    getTitleInfo: getCCITitleInfo,
     runtime: {
-        configKey: 'cci',
         defaultConfig: { period: 14, showCCI: true },
         computeKey: 'calcCCIData',
         compute: (data, c) => calcCCIData(data, c.period),

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

@@ -2,6 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { ChaikinVolRenderState } from '../../indicators/chaikinVolState'
 import { createChaikinVolStateKey, EMPTY_CHAIKIN_VOL_STATE } from '../../indicators/chaikinVolState'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { KLineData } from '../../../types/price'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -124,22 +126,36 @@ export function createChaikinVolRendererPlugin(options: { paneId?: string } = {}
     }
 }
 
+export function getChaikinVolTitleInfo(
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
+): TitleInfo | null {
+    if (index === null) return null
+    const emaPeriod = (params.emaPeriod as number) ?? 10
+    const rocPeriod = (params.rocPeriod as number) ?? 10
+    const state = host.getSharedState<ChaikinVolRenderState>(createChaikinVolStateKey(paneId))
+    const value = state?.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'ChaikinVol',
+        params: [emaPeriod, rocPeriod],
+        values: [{ label: 'ChaikinVol', value, color: CHAIKIN_VOL_COLOR }],
+    }
+}
+
 @Indicator({
     name: 'chaikinVol',
     displayName: 'ChaikinVol',
     category: 'oscillator',
-    stateKey: createChaikinVolStateKey,
     defaultPaneId: 'sub_ChaikinVol',
     visibleState: { compose: createSparseVisibleStateComposer('chaikinVol', EMPTY_CHAIKIN_VOL_STATE) },
     scale: { indicatorKey: 'chaikinVol', label: 'ChaikinVol', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('chaikinVol', params, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createChaikinVolStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    getTitleInfo: getChaikinVolTitleInfo,
     runtime: {
-        configKey: 'chaikinVol',
         defaultConfig: { emaPeriod: 10, rocPeriod: 10, showChaikinVol: true },
         computeKey: 'calcChaikinVolData',
         compute: (data, c) => calcChaikinVolData(data, c.emaPeriod, c.rocPeriod),

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

@@ -2,6 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { CMFRenderState } from '../../indicators/cmfState'
 import { createCMFStateKey, EMPTY_CMF_STATE } from '../../indicators/cmfState'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { KLineData } from '../../../types/price'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -123,22 +125,35 @@ export function createCMFRendererPlugin(options: { paneId?: string } = {}): Rend
     }
 }
 
+export function getCMFTitleInfo(
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
+): TitleInfo | null {
+    if (index === null) return null
+    const period = (params.period as number) ?? 20
+    const state = host.getSharedState<CMFRenderState>(createCMFStateKey(paneId))
+    const value = state?.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'CMF',
+        params: [period],
+        values: [{ label: 'CMF', value, color: CMF_COLOR }],
+    }
+}
+
 @Indicator({
     name: 'cmf',
     displayName: 'CMF',
     category: 'volume',
-    stateKey: createCMFStateKey,
     defaultPaneId: 'sub_CMF',
     visibleState: { compose: createFixedRangeSparseVisibleStateComposer('cmf', EMPTY_CMF_STATE) },
     scale: { indicatorKey: 'cmf', label: 'CMF', decimals: 4 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('cmf', params, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createCMFStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    getTitleInfo: getCMFTitleInfo,
     runtime: {
-        configKey: 'cmf',
         defaultConfig: { period: 20, showCMF: true },
         computeKey: 'calcCMFData',
         compute: (data, c) => calcCMFData(data, c.period),

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

@@ -1,9 +1,10 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
+import type { KLineData } from '../../../types/price'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { DEMARenderState } from '../../indicators/demaState'
 import { createDEMAStateKey, EMPTY_DEMA_STATE } from '../../indicators/demaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import type { IndicatorScheduler, DEMASchedulerConfig } from '../../indicators/scheduler'
 import { calcDEMAData } from '../../indicators/calculators'
@@ -121,23 +122,40 @@ export function createDEMARendererPlugin(options: DEMARendererOptions = {}): Ren
     }
 }
 
+export const getDEMATitleInfo: GetTitleInfoFn = (
+    _data: KLineData[],
+    index: number | null,
+    _params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    paneId: string,
+): TitleInfo | null => {
+    if (index === null) return null
+
+    const stateKey = createDEMAStateKey(paneId)
+    const state = pluginHost?.getSharedState<DEMARenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const value = state.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'DEMA',
+        params: [state.params.period],
+        values: [{ label: 'DEMA', value, color: '#6366f1' }],
+    }
+}
+
 @Indicator({
     name: 'dema',
     displayName: 'DEMA',
+    getTitleInfo: getDEMATitleInfo,
     category: 'main',
-    stateKey: createDEMAStateKey,
     defaultPaneId: 'main',
     allowMainPane: true,
     mainPane: { rendererName: 'dema_main', toActiveConfig: (params, active) => ({ ...params, showDEMA: active }) },
     visibleState: { compose: createSparseVisibleStateComposer('dema', EMPTY_DEMA_STATE) },
     scale: { indicatorKey: 'dema', label: 'DEMA', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('dema', params, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createDEMAStateKey(paneId), state as any, 'indicator_scheduler')
-    },
-    runtime: { configKey:'dema', defaultConfig:{period:14,showDEMA:true}, computeKey:'calcDEMAData', compute:(data,c)=>calcDEMAData(data,c.period) },
+    runtime: { defaultConfig:{period:14,showDEMA:true}, computeKey:'calcDEMAData', compute:(data,c)=>calcDEMAData(data,c.period) },
 })
 class DEMADefinition {
     static rendererFactory = createDEMARendererPlugin

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

@@ -1,9 +1,10 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import type { KLineData } from '../../../types/price'
 import type { DonchianRenderState } from '../../indicators/donchianState'
 import { createDonchianStateKey, EMPTY_DONCHIAN_STATE } from '../../indicators/donchianState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import { resolveStateKey, type TitleInfo, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, DonchianSchedulerConfig } from '../../indicators/scheduler'
 import { calcDonchianData } from '../../indicators/calculators'
 import { createBandVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -123,23 +124,40 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
     ctx.stroke()
 }
 
+export function getDonchianTitleInfo(
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
+): TitleInfo | null {
+    if (index === null) return null
+    const state = host.getSharedState<DonchianRenderState>(createDonchianStateKey(paneId))
+    const p = state?.series[index]
+    if (!p) return null
+
+    return {
+        name: 'Donchian',
+        params: [(params.period as number) ?? 20],
+        values: [
+            { label: 'Upper', value: p.upper, color: '#0891b2' },
+            { label: 'Mid', value: p.middle, color: '#94a3b8' },
+            { label: 'Lower', value: p.lower, color: '#0891b2' },
+        ],
+    }
+}
+
 @Indicator({
     name: 'donchian',
     displayName: 'Donchian',
+    getTitleInfo: getDonchianTitleInfo,
     category: 'main',
-    stateKey: createDonchianStateKey,
     defaultPaneId: 'main',
     allowMainPane: true,
     mainPane: { rendererName: 'donchian_main', toActiveConfig: (params, active) => ({ ...params, showUpper: active, showMiddle: active, showLower: active }) },
     scale: { indicatorKey: 'donchian', label: 'Donchian', decimals: 2 },
     visibleState: { compose: createBandVisibleStateComposer('donchian', EMPTY_DONCHIAN_STATE, 'lower', 'upper') },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('donchian', params, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createDonchianStateKey(paneId), state as any, 'indicator_scheduler')
-    },
-    runtime: { configKey:'donchian', defaultConfig:{period:20,showUpper:true,showMiddle:true,showLower:true}, computeKey:'calcDonchianData', compute:(data,c)=>calcDonchianData(data,c.period) },
+    runtime: { defaultConfig:{period:20,showUpper:true,showMiddle:true,showLower:true}, computeKey:'calcDonchianData', compute:(data,c)=>calcDonchianData(data,c.period) },
 })
 class DonchianDefinition {
     static rendererFactory = createDonchianRendererPlugin

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

@@ -6,7 +6,7 @@ import { resolveThemeColors } from '../../../tokens'
 import { ENE_STATE_KEY, type ENERenderState } from '../../indicators/eneState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer } from '../../indicators/indicatorMetadata'
+import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer, GetTitleInfoFn, TitleInfo, TitleValueItem } from '../../indicators/indicatorMetadata'
 import type { ENESchedulerConfig, IndicatorScheduler } from '../../indicators/scheduler'
 import { calcENEData } from '../../indicators/calculators'
 
@@ -94,7 +94,7 @@ function drawENEWithWebGL(
  * 3. 配置变更通过外部 IndicatorScheduler 处理
  * 4. 纯绘制函数，无副作用
  */
-function getENEStateKey(host: PluginHost | null): string | null {
+export function getENEStateKey(host: PluginHost | null): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
     if (!scheduler) {
         console.warn('[ENERenderer] Scheduler not available via service locator')
@@ -289,11 +289,37 @@ export function createENERendererPlugin(): RendererPluginWithHost {
     }
 }
 
+export const getENETitleInfo: GetTitleInfoFn = (
+    _data: KLineData[],
+    index: number | null,
+    _params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    _paneId: string,
+): TitleInfo | null => {
+    if (index === null) return null
+
+    const stateKey = getENEStateKey(pluginHost)
+    if (!stateKey) return null
+
+    const state = pluginHost?.getSharedState<ENERenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const enePoint = state.series[index]
+    if (!enePoint) return null
+
+    const values: TitleValueItem[] = [
+        { label: 'UP', value: enePoint.upper, color: '#FF5064' },
+        { label: 'MID', value: enePoint.middle, color: '#5A8CFF' },
+        { label: 'DN', value: enePoint.lower, color: '#3CC8A0' },
+    ]
+
+    return { name: 'ENE', params: [state.params.period, state.params.deviation], values }
+}
+
 @Indicator({
     name: 'ene',
     displayName: 'ENE',
     category: 'main',
-    stateKey: ENE_STATE_KEY,
     defaultPaneId: 'main',
     mainPane: {
         rendererName: 'ene',
@@ -301,9 +327,6 @@ export function createENERendererPlugin(): RendererPluginWithHost {
         computePriceRange: computeENEPriceRange,
         composeRenderState: composeENERenderState,
     },
-    updateConfig: (scheduler, params) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('ene', params)
-    },
     semantic: {
         apply: (chart, indicator) => {
             const params = (indicator as { params?: { period?: number; deviation?: number } }).params
@@ -313,10 +336,8 @@ export function createENERendererPlugin(): RendererPluginWithHost {
             })
         },
     },
-    applyResult: (host, state, _paneId) => {
-        host.setSharedState(ENE_STATE_KEY, state as any, 'indicator_scheduler')
-    },
-    runtime: { configKey:'ene', defaultConfig:{period:10,deviation:11}, computeKey:'calcENEData', compute:(data,c)=>calcENEData(data,c.period,c.deviation) },
+    runtime: { defaultConfig:{period:10,deviation:11}, computeKey:'calcENEData', compute:(data,c)=>calcENEData(data,c.period,c.deviation) },
+    getTitleInfo: getENETitleInfo,
 })
 class ENEDefinition {
     static rendererFactory = createENERendererPlugin

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

@@ -6,7 +6,7 @@ import { resolveThemeColors } from '../../../tokens'
 import { EXPMA_STATE_KEY, type EXPMARenderState } from '../../indicators/expmaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer } from '../../indicators/indicatorMetadata'
+import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer, GetTitleInfoFn, TitleInfo, TitleValueItem } from '../../indicators/indicatorMetadata'
 import type { EXPMASchedulerConfig, IndicatorScheduler } from '../../indicators/scheduler'
 import { calcEXPMAData } from '../../indicators/calculators'
 
@@ -34,7 +34,7 @@ function buildEXPMACacheKey(
     ].join('|')
 }
 
-function getEXPMAStateKey(host: PluginHost | null): string | null {
+export function getEXPMAStateKey(host: PluginHost | null): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
     if (!scheduler) {
         console.warn('[EXPMARenderer] Scheduler not available via service locator')
@@ -215,11 +215,36 @@ export function createEXPMARendererPlugin(): RendererPluginWithHost {
     }
 }
 
+export const getEXPMATitleInfo: GetTitleInfoFn = (
+    _data: KLineData[],
+    index: number | null,
+    _params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    _paneId: string,
+): TitleInfo | null => {
+    if (index === null) return null
+
+    const stateKey = getEXPMAStateKey(pluginHost)
+    if (!stateKey) return null
+
+    const state = pluginHost?.getSharedState<EXPMARenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const expmaPoint = state.series[index]
+    if (!expmaPoint) return null
+
+    const values: TitleValueItem[] = [
+        { label: 'FAST', value: expmaPoint.fast, color: '#FFAA32' },
+        { label: 'SLOW', value: expmaPoint.slow, color: '#5A8CFF' },
+    ]
+
+    return { name: 'EXPMA', params: [state.params.fastPeriod, state.params.slowPeriod], values }
+}
+
 @Indicator({
     name: 'expma',
     displayName: 'EXPMA',
     category: 'main',
-    stateKey: EXPMA_STATE_KEY,
     defaultPaneId: 'main',
     mainPane: {
         rendererName: 'expma',
@@ -227,9 +252,6 @@ export function createEXPMARendererPlugin(): RendererPluginWithHost {
         computePriceRange: computeEXPMAPriceRange,
         composeRenderState: composeEXPMARenderState,
     },
-    updateConfig: (scheduler, params) => {
-        (scheduler as IndicatorScheduler).updateIndicatorConfig('expma', params)
-    },
     semantic: {
         apply: (chart, indicator) => {
             const params = (indicator as { params?: { fastPeriod?: number; slowPeriod?: number } }).params
@@ -239,10 +261,8 @@ export function createEXPMARendererPlugin(): RendererPluginWithHost {
             })
         },
     },
-    applyResult: (host, state, _paneId) => {
-        host.setSharedState(EXPMA_STATE_KEY, state as any, 'indicator_scheduler')
-    },
-    runtime: { configKey:'expma', defaultConfig:{fastPeriod:12,slowPeriod:50}, computeKey:'calcEXPMAData', compute:(data,c)=>calcEXPMAData(data,c.fastPeriod,c.slowPeriod) },
+    runtime: { defaultConfig:{fastPeriod:12,slowPeriod:50}, computeKey:'calcEXPMAData', compute:(data,c)=>calcEXPMAData(data,c.fastPeriod,c.slowPeriod) },
+    getTitleInfo: getEXPMATitleInfo,
 })
 class EXPMADefinition {
     static rendererFactory = createEXPMARendererPlugin

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

@@ -10,6 +10,7 @@ import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, FASTKSchedulerConfig } from '../../indicators/scheduler'
 import { createFastkScaleRendererPlugin } from './scale/fastk_scale'
 import { calcFASTKData } from '../../indicators/calculators'
+import type { KLineData } from '../../../types/price'
 
 type LinePoint = { x: number; y: number }
 
@@ -281,14 +282,15 @@ function drawFASTKLineWithCanvas2D(
  * 获取 FASTK 标题信息（供 paneTitle 使用）
  */
 export function getFASTKTitleInfo(
-    index: number,
-    period: number,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
     pluginHost: PluginHost,
-    paneId: string = 'sub_FASTK',
-    theme: 'light' | 'dark' = 'light',
-    isAsiaMarket?: boolean
+    paneId: string,
 ): { name: string; params: number[]; values: Array<{ label: string; value: number; color: string }> } | null {
-    const colors = resolveThemeColors(theme, isAsiaMarket)
+    if (index === null) return null
+    const period = (params.period as number) ?? 9
+    const colors = resolveThemeColors('light')
     const state = pluginHost.getSharedState<FASTKRenderState>(createFASTKStateKey(paneId))
     if (!state) return null
 
@@ -308,18 +310,11 @@ export function getFASTKTitleInfo(
     name: 'fastk',
     displayName: 'FASTK',
     category: 'oscillator',
-    stateKey: createFASTKStateKey,
     defaultPaneId: 'sub_FASTK',
     visibleState: { compose: createFixedRangeSparseVisibleStateComposer('fastk', EMPTY_FASTK_STATE) },
     scaleRendererFactory: createFastkScaleRendererPlugin,
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateIndicatorConfig('fastk', params, paneId)
-  },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createFASTKStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    getTitleInfo: getFASTKTitleInfo,
     runtime: {
-        configKey: 'fastk',
         defaultConfig: { period: 9, showFASTK: true },
         computeKey: 'calcFASTKData',
         compute: (data, c) => calcFASTKData(data, c.period),