diff --git a/packages/vstory-external/src/character/dynamic-line/dynamic-line-character.ts b/packages/vstory-external/src/character/dynamic-line/dynamic-line-character.ts index 6aee702d..56411cbb 100644 --- a/packages/vstory-external/src/character/dynamic-line/dynamic-line-character.ts +++ b/packages/vstory-external/src/character/dynamic-line/dynamic-line-character.ts @@ -1,14 +1,14 @@ import { CharacterChart } from '@visactor/vstory-core'; import { DYNAMIC_LINE } from './constant'; import type { IDynamicLineChartGraphicAttribute } from './dynamic-line-interface'; -import { DynamicLineRuntime } from './dynamic-line-runtime'; +import { DynamicLineRuntimeInstance } from './dynamic-line-runtime'; export class DynamicLineCharacter extends CharacterChart { static type = DYNAMIC_LINE; protected _initRuntime(): void { super._initRuntime(); - this._runtime.push(new DynamicLineRuntime(this)); + this._runtime.push(DynamicLineRuntimeInstance); } getDefaultAttribute(): Partial { diff --git a/packages/vstory-external/src/character/dynamic-line/dynamic-line-runtime.ts b/packages/vstory-external/src/character/dynamic-line/dynamic-line-runtime.ts index 1a3e4550..f663fdd7 100644 --- a/packages/vstory-external/src/character/dynamic-line/dynamic-line-runtime.ts +++ b/packages/vstory-external/src/character/dynamic-line/dynamic-line-runtime.ts @@ -6,15 +6,10 @@ import type { ICharacterChart } from '@visactor/vstory-core/es/character/chart/i export class DynamicLineRuntime implements IChartCharacterRuntime { type = DYNAMIC_LINE; - protected declare _character: ICharacterChart; - - constructor(character: ICharacterChart) { - this._character = character; - } - - applyConfigToAttribute(): void { - const { bottomRange } = this._character.config.options as any; - const rawAttribute = this._character.getAttribute() as IDynamicLineChartGraphicAttribute; + applyConfigToAttribute(character: ICharacterChart): void { + const rawAttribute = character.getRuntimeConfig().getAttribute() as IDynamicLineChartGraphicAttribute; + const config = character.getRuntimeConfig().config; + const { bottomRange } = config.options as any; const { spec } = rawAttribute; const bottom = spec.scrollBar.find((item: any) => item.orient === 'bottom'); @@ -46,4 +41,4 @@ export class DynamicLineRuntime implements IChartCharacterRuntime { } } -export const DynamicLineRuntimeInstance = new DynamicLineRuntime(null); +export const DynamicLineRuntimeInstance = new DynamicLineRuntime(); diff --git a/packages/vstory-external/src/processor/dynamic-line/dynamic-line-visibility.ts b/packages/vstory-external/src/processor/dynamic-line/dynamic-line-visibility.ts index 7d9cde7c..ca87e53e 100644 --- a/packages/vstory-external/src/processor/dynamic-line/dynamic-line-visibility.ts +++ b/packages/vstory-external/src/processor/dynamic-line/dynamic-line-visibility.ts @@ -27,7 +27,7 @@ export class DynamicLinePlayActionProcessor extends VChartBaseActionProcessor { const { duration, easing } = animation; const delta = end - start; - (instance.getStage().children[0] as any) + (instance.getStage().getChildren()[0] as any) .animate() .to({}, duration, easing) .onFrame((step: any, t: number) => {