Class ChartImp

src/Chart.ts:113–1378

}

export default class ChartImp implements Chart {
  id: string

  private _container: HTMLElement
  private _chartContainer: HTMLElement
  private readonly _chartBounding = createDefaultBounding()
  private readonly _chartEvent: Event
  private readonly _chartStore: ChartStore
  private _drawPanes: DrawPane[] = []
  private readonly _candlePane: CandlePane
  private readonly _xAxisPane: XAxisPane
  private readonly _separatorPanes = new Map<DrawPane, SeparatorPane>()

  private _layoutUpdateOptions = {
    sort: true,
    measureHeight: true,
    measureWidth: true,
    secondMeasureWidth: false,
    update: true,
    buildYAxisTick: false,
    cacheYAxisWidth: false,
    forceBuildYAxisTick: false
  }

  private _layoutPending = false

  private _resizeObserver: Nullable<ResizeObserver> = null

  private _resizeRequestAnimationId = DEFAULT_REQUEST_ID

  private readonly _scheduleResize = (): void => {
    if (this._resizeRequestAnimationId === DEFAULT_REQUEST_ID) {
      this._resizeRequestAnimationId = requestAnimationFrame(() => {
        this._resizeRequestAnimationId = DEFAULT_REQUEST_ID
        if (
          this._chartBounding.width !== Math.floor(this._chartContainer.clientWidth) ||
          this._chartBounding.height !== Math.floor(this._chartContainer.clientHeight)
        ) {
          this.resize()
        }
      })
    }
  }

  private readonly _cacheYAxisWidth = { left: 0, right: 0 }

  constructor (container: HTMLElement, options?: Options) {
    this._initContainer(container)
    this._chartEvent = new Event(this._chartContainer, this)
    this._chartStore = new ChartStore(this, options)
    const defaultPaneOptions = this._getLayoutDefaultPaneOptions(this._chartStore.getLayoutBasicParams())
    const defaultYAxis = this._getLayoutDefaultYAxis(this._chartStore.getLayoutBasicParams())
    this._candlePane = this._createPane<CandlePane>(CandlePane, { ...defaultPaneOptions, id: PaneIdConstants.CANDLE })
    this._candlePane.createYAxis({ ...defaultYAxis, id: DEFAULT_AXIS_ID })
    this._xAxisPane = this._createPane<XAxisPane>(XAxisPane, { ...defaultPaneOptions, id: PaneIdConstants.X_AXIS, order: Number.MAX_SAFE_INTEGER })
    this._applyLayout(options?.layout)
    this._layout()
    this._initResizeListener()