Skip to content

Main Navigation

Guide
Examples
Showcase
API

Appearance

Sidebar Navigation

API Reference

The Grammar of Names
@finchart/core
- authoring
  headless
  index
  - Classes
    AreaSeries
    BarSeries
    BaselineSeries
    CandleSeries
    ColorVerdicts
    ContractError
    DataError
    FontVerdicts
    HistogramSeries
    InputRouter
    LinearScale
    LineDataAccessor
    LineSeries
    LogScale
    LttbDecimation
    M4Decimation
    OHLCAccessor
    Plot
    RenderError
    SimpleDecimation
    StepLineSeries
    Interfaces
    AreaSeriesOptions
    AreaSeriesStyle
    AxisBadge
    AxisLabelRenderer
    AxisLabelsHost
    AxisLabelsInput
    AxisOptions
    BarSeriesStyle
    BaseDataPoint
    BaselineSeriesOptions
    BaselineSeriesStyle
    CandleDrawOptions
    CandleSeriesStyle
    Canvas2DContext
    CanvasGradientLike
    CanvasPatternLike
    CanvasRendererOptions
    ChartLayers
    Computation
    ComputationSpec
    ConfigurablePluginApi
    ConflatedFeed
    ConflatedOptions
    CoordinateAccessor
    CrosshairLine
    CrosshairLineOptions
    CrosshairPayload
    CursorHistoryLoader
    CursorHost
    CustomDraw
    DataManager
    DataManagerFactory
    DataProbe
    DecimationFactory
    DecimationPolicy
    DecimationStrategy
    Decoration
    DecorationHost
    DecorationOptions
    DividerBoundary
    DividerRenderer
    DrawSurface
    DrawTarget
    Emitter
    ExpandHints
    FocusAreaHost
    FocusClaim
    FormatSource
    GradientStop
    HistogramPoint
    HistogramSeriesOptions
    HistogramSeriesStyle
    HistoryLoader
    HistoryOptionsBase
    HistoryPage
    IndexRange
    InfiniteHistoryCursorOptions
    InfiniteHistoryOptions
    InputConsumer
    InputConsumerOptions
    InputHost
    InteractionHandler
    InteractionTarget
    LinearGradientParams
    LineDataPoint
    LineSeriesOptions
    LineSeriesStyle
    LineStyle
    ManualScheduler
    Marker
    MarkersDecoration
    Observable
    OHLC
    OverlayHost
    Padding
    Pane
    PaneChange
    PaneDecorationContext
    PaneDecorationHost
    PaneDrawContext
    PaneHost
    PaneMaximizeApi
    PaneMaximizeOptions
    PaneOptions
    PlotArea
    PlotConfig
    PlotDecorationContext
    PlotDeps
    PlotDepsOptions
    PlotEvents
    PlotEventSource
    PlotModel
    PlotModelOptions
    PlotOptions
    PlotOptionsPatch
    PlotStyle
    PluginApi
    PluginHost
    Point
    PointStyle
    PriceFormatOptions
    PriceLineDecoration
    PriceLineOptions
    Range
    RecordingRenderer
    Renderer
    RenderRequester
    RenderScheduler
    ResolvedPlotConfig
    ResolvedXAxisOptions
    ResolvedYAxisOptions
    Scale
    Scope
    SeamContext
    Series
    SeriesContext
    SeriesDataIssue
    SeriesHandle
    SeriesHost
    SeriesRow
    SeriesSample
    SeriesSpec
    Source
    SpanOptions
    StyleVar
    TextMeasurer
    TextMetricsLike
    TextParams
    TextSize
    TextStyle
    Tick
    TickGeometry
    TickStrategy
    TickStrategyContext
    TimeCursor
    TimeTicksOptions
    Trade
    ValueCoordinates
    ValueFormatSource
    Viewport
    ViewportControl
    ViewportDimensions
    WatermarkOptions
    XAxisOptions
    XCoordinates
    XDomainChangePayload
    XMapping
    XMappingProbe
    YAxisOptions
    Type Aliases
    AreaSeriesStyleOverrides
    AxisLabelsFactory
    BarSeriesStyleOverrides
    BarStart
    BaselineSeriesStyleOverrides
    CandleSeriesStyleOverrides
    CanvasBrush
    CanvasColorChannels
    ConflatableHandle
    CustomPainter
    DataPoint
    DataView
    Disposer
    DividerFactory
    DrawCommand
    FallbackCommand
    HistogramSeriesStyleOverrides
    HistoryCursorFetch
    HistoryFetch
    HistoryHandle
    HistorySink
    HistoryStatus
    InfiniteHistoryHost
    InputEvent
    LayersFactory
    LineSeriesStyleOverrides
    PaneDecoration
    PlotDecoration
    PlotModelDepsOptions
    Plugin
    RendererFactory
    ResolutionObserver
    SchedulerFactory
    SeriesDataIssueCode
    SeriesId
    SeriesRegistration
    ShapeParams
    SizeObserver
    StyleOf
    StyleOverridesOf
    StyleReader
    StyleReaderFactory
    StyleSpec
    StyleVarName
    StyleVarNamesOf
    TailChange
    TextMeasurerFactory
    XMappingFactory
    Variables
    ABOVE_SERIES
    AXIS_LABEL_OFFSET
    AXIS_LABEL_SPEC
    BADGE_PADDING
    BELOW_SERIES
    createCanvasAxisLabels
    createCanvasTextMeasurer
    createMemoryLayers
    DEFAULT_AREA_STYLE
    DEFAULT_BAR_STYLE
    DEFAULT_BASELINE_STYLE
    DEFAULT_CANDLE_STYLE
    DEFAULT_HISTOGRAM_STYLE
    DEFAULT_LINE_STYLE
    DEFAULT_PADDING
    DEFAULT_PLOT_STYLE
    FALLBACK_FONT
    immediateScheduler
    LINEAR_GRADIENT
    noStyle
    PANE_OPTION_DEFAULTS
    SERIES_Z
    Functions
    applyColor
    applyFont
    areaSeries
    barAggregator
    barIndexX
    barSeries
    baselineSeries
    candleSeries
    computation
    conflated
    continuousX
    createCanvasRenderer
    createPlotDeps
    createPlotModel
    createScope
    crosshair
    crosshairLine
    cssVarExpr
    defaultCoordinates
    drawCustom
    eachFallback
    emitter
    fillLinearGradient
    fixedBars
    frameScheduler
    histogramSeries
    infiniteHistory
    isGap
    isLinearGradientParams
    labelFont
    labelFontFamily
    lineSeries
    manualScheduler
    markers
    mergePolicy
    paintLinearGradient
    paneMaximize
    pluginApi
    priceFormat
    priceLine
    recordingRenderer
    resolveStyle
    reuseUnchanged
    seriesSpec
    sessionStart
    slotWidth
    span
    stepLineSeries
    styleSpec
    styleVars
    syncCrosshair
    syncX
    tailDelta
    teardown
    timeCursor
    timeTicks
    validateSeriesData
    validateSeriesPoint
    watermark
@finchart/dom
- Classes
  - PlotBuilder
    PointerInteractions
  Interfaces
  - BrowserDepsOptions
    DataTableColumn
    DataTableOptions
    LegendOptions
    PointerInteractionsOptions
    ThemeObserverOptions
    TooltipOptions
  Type Aliases
  - BrowserDeps
    LegendPane
    RowFormat
    ShellStyleVarName
  Variables
  - createDomAxisLabels
    createDomDividers
  Functions
  - browserDeps
    createDomLayers
    cssReader
    dataTable
    legend
    observeDevicePixelRatio
    observeElementSize
    observeTheme
    pointerInteractions
    requireOverlayElement
    tooltip
@finchart/indicators
- Classes
  - PnfAggregation
  Interfaces
  - AdxOptions
    AtrOptions
    AtrPriceStepOptions
    AttachAdxLook
    AttachAtrLook
    AttachAwesomeOscillatorLook
    AttachBbiLook
    AttachBollingerLook
    AttachBrarLook
    AttachCciLook
    AttachCrLook
    AttachDmaLook
    AttachDonchianLook
    AttachElderRayLook
    AttachEmvLook
    AttachIchimokuLook
    AttachKdjLook
    AttachKeltnerLook
    AttachMacdLook
    AttachMfiLook
    AttachMomentumLook
    AttachMovingAverageLook
    AttachObvLook
    AttachParabolicSarLook
    AttachPivotPointsLook
    AttachPsyLook
    AttachPvtLook
    AttachRocLook
    AttachRsiLook
    AttachSqueezeMomentumLook
    AttachStochasticLook
    AttachStochasticRsiLook
    AttachSuperTrendLook
    AttachTrixLook
    AttachUltimateOscillatorLook
    AttachVrLook
    AttachVwapLook
    AttachWilliamsRLook
    AwesomeOscillatorOptions
    BandPoint
    BandSeriesOptions
    BbiOptions
    BollingerOptions
    BrarOptions
    CciOptions
    CrOptions
    DmaOptions
    DonchianOptions
    ElderRayOptions
    EmvOptions
    ExtremumFold
    ExtremumState
    IchimokuOptions
    IndicatorApi
    IndicatorNameOption
    KagiOptions
    KagiPoint
    KagiSeriesOptions
    KagiSeriesStyle
    KdjOptions
    KeltnerOptions
    LagFold
    LagState
    LineBreakBlock
    LineBreakOptions
    LinregFold
    LinregState
    MacdOptions
    MfiOptions
    MomentumOptions
    MovingAverageOptions
    OscillatorLevels
    OwnedPaneIndicatorApi
    OwnedPaneOptions
    ParabolicSarOptions
    PivotPointsOptions
    PointAndFigureColumn
    PointAndFigureOptions
    PointAndFigureSeriesOptions
    PointAndFigureSeriesStyle
    PsyOptions
    RecursiveFold
    RecursiveState
    RenkoBrick
    RenkoOptions
    RocOptions
    RsiOptions
    SeededRecursiveFold
    SeededRecursiveState
    SmaFold
    SqueezeMomentumOptions
    StddevFold
    StddevState
    StochasticOptions
    StochasticRsiOptions
    SumFold
    SumState
    SuperTrendOptions
    TrixOptions
    UltimateOscillatorOptions
    VolumeProfileOptions
    VrOptions
    VwapOptions
    WilliamsROptions
  Type Aliases
  - Adx
    AnchorPredicate
    Atr
    AttachAdxOptions
    AttachAtrOptions
    AttachAwesomeOscillatorOptions
    AttachBbiOptions
    AttachBollingerOptions
    AttachBrarOptions
    AttachCciOptions
    AttachCrOptions
    AttachDmaOptions
    AttachDonchianOptions
    AttachElderRayOptions
    AttachEmvOptions
    AttachFrom
    AttachFromSource
    AttachIchimokuOptions
    AttachKdjOptions
    AttachKeltnerOptions
    AttachMacdOptions
    AttachMfiOptions
    AttachMomentumOptions
    AttachMovingAverageOptions
    AttachObvOptions
    AttachParabolicSarOptions
    AttachPivotPointsOptions
    AttachPsyOptions
    AttachPvtOptions
    AttachRocOptions
    AttachRsiOptions
    AttachSqueezeMomentumOptions
    AttachStochasticOptions
    AttachStochasticRsiOptions
    AttachSuperTrendOptions
    AttachTrixOptions
    AttachUltimateOscillatorOptions
    AttachVrOptions
    AttachVwapOptions
    AttachWilliamsROptions
    AwesomeOscillator
    Bbi
    BollingerBands
    Brar
    Cci
    Cr
    Dma
    DonchianChannels
    ElderRay
    Emv
    FourPeriods
    Ichimoku
    Kdj
    KeltnerChannels
    Macd
    Mfi
    Momentum
    MovingAverage
    Obv
    ParabolicSar
    PivotPoints
    Psy
    Pvt
    Roc
    Rsi
    SmaState
    SqueezeMomentum
    Stochastic
    StochasticRsi
    SuperTrend
    Trix
    UltimateOscillator
    ValueAccessor
    Values
    Vr
    Vwap
    WilliamsR
  Variables
  - ADX_DEFAULTS
    ATR_DEFAULTS
    AWESOME_OSCILLATOR_DEFAULTS
    BAND_STYLE_SPEC
    BBI_DEFAULTS
    BOLLINGER_DEFAULTS
    BRAR_DEFAULTS
    CCI_DEFAULTS
    CCI_LEVELS
    CR_DEFAULTS
    DMA_DEFAULTS
    DONCHIAN_DEFAULTS
    ELDER_RAY_DEFAULTS
    EMV_DEFAULTS
    ICHIMOKU_DEFAULTS
    KAGI_STYLE_SPEC
    KDJ_DEFAULTS
    KDJ_LEVELS
    KELTNER_DEFAULTS
    LINE_BREAK_DEFAULTS
    MACD_DEFAULTS
    MFI_DEFAULTS
    MFI_LEVELS
    MOMENTUM_DEFAULTS
    MOVING_AVERAGE_DEFAULTS
    PARABOLIC_SAR_DEFAULTS
    PIVOT_POINTS_DEFAULTS
    POINT_AND_FIGURE_DEFAULTS
    POINT_AND_FIGURE_STYLE_SPEC
    PSY_DEFAULTS
    PSY_LEVELS
    ROC_DEFAULTS
    RSI_DEFAULTS
    RSI_LEVELS
    SQUEEZE_MOMENTUM_DEFAULTS
    STOCHASTIC_DEFAULTS
    STOCHASTIC_LEVELS
    STOCHASTIC_RSI_DEFAULTS
    STOCHASTIC_RSI_LEVELS
    SUPERTREND_DEFAULTS
    TRIX_DEFAULTS
    ULTIMATE_OSCILLATOR_DEFAULTS
    ULTIMATE_OSCILLATOR_LEVELS
    VOLUME_PROFILE_DEFAULTS
    VOLUME_PROFILE_STYLE_SPEC
    VR_DEFAULTS
    WILLIAMS_R_DEFAULTS
    WILLIAMS_R_LEVELS
  Functions
  - adx
    atr
    atrPriceStep
    attachAdx
    attachAtr
    attachAwesomeOscillator
    attachBbi
    attachBollingerBands
    attachBrar
    attachCci
    attachCr
    attachDma
    attachDonchianChannels
    attachElderRay
    attachEmv
    attachIchimoku
    attachKdj
    attachKeltnerChannels
    attachMacd
    attachMfi
    attachMomentum
    attachMovingAverage
    attachObv
    attachParabolicSar
    attachPivotPoints
    attachPsy
    attachPvt
    attachRoc
    attachRsi
    attachSqueezeMomentum
    attachStochastic
    attachStochasticRsi
    attachSuperTrend
    attachTrix
    attachUltimateOscillator
    attachVr
    attachVwap
    attachWilliamsR
    awesomeOscillator
    bandSeries
    bbi
    bollingerBands
    brar
    cci
    cr
    dma
    donchianChannels
    elderRay
    ema
    emaFold
    emv
    heikinAshi
    heikinAshiLast
    highest
    highestFold
    ichimoku
    kagi
    kagiSeries
    kdj
    keltnerChannels
    lagFold
    lineBreak
    linregFold
    lowest
    lowestFold
    macd
    meanAbsDeviation
    mfi
    momentum
    movingAverage
    obv
    parabolicSar
    periodAnchor
    pivotPoints
    pointAndFigure
    pointAndFigureSeries
    psy
    pvt
    renko
    rma
    rmaFold
    roc
    rsi
    seededRmaFold
    sma
    smaFold
    squeezeMomentum
    stddev
    stddevFold
    stochastic
    stochasticRsi
    sumFold
    superTrend
    trix
    ultimateOscillator
    volumeOf
    volumeProfile
    vr
    vwap
    williamsR
@finchart/react
- Interfaces
  - ChartApi
    ChartCandlesProps
    ChartContainerProps
    ChartDataProps
    ChartPaneProps
    ContainerHandleRef
    HistoryLink
    HistoryLoad
    InfiniteHistoryProps
    InfiniteHistoryState
    LegendProps
    MarkersProps
    PlotHandleRef
    PluginProps
    SeriesCollector
    SyncXProps
    TooltipProps
    UseInfiniteHistoryOptions
    UsePlotOptions
  Type Aliases
  - ChartLineProps
    ChartSeriesProps
    CrosshairProps
    HistoryPaging
    PlotOptions
    PriceLineProps
    SpanProps
    WatermarkProps
    XAxisProps
    YAxisProps
  Functions
  - ChartCandles
    ChartContainer
    ChartData
    ChartLine
    ChartPane
    ChartSeries
    Crosshair
    InfiniteHistory
    Legend
    Markers
    Plugin
    PriceLine
    Span
    SyncCrosshair
    SyncX
    Tooltip
    useChartPlot
    useDataSource
    useInfiniteHistory
    usePlot
    usePlugin
    usePluginState
    Watermark
    XAxis
    YAxis
@finchart/tools
- Interfaces
  - AddDrawingOptions
    Anchor
    ArrowLine
    BarMeasure
    DrawingHandle
    DrawingHistoryChange
    DrawingModeChange
    DrawingsChange
    DrawingSelectionChange
    DrawingToolsApi
    DrawingToolsOptions
    Ellipse
    ExtendedLine
    FibExtension
    FibRetracement
    HorizontalLine
    ParallelChannel
    Pitchfork
    PriceMeasure
    Ray
    Rectangle
    TrendLine
    VerticalLine
  Type Aliases
  - Drawing
    DrawingInput
    DrawingPane
    DrawingSpace
    DrawingStage
    DrawingToolsStyleOptions
    DrawingUpdate
    LevelSpacing
  Variables
  - DRAWING_STYLE_SPEC
    FIB_EXTENSION_LEVELS
    FIB_LEVELS
  Functions
  - distanceToPoint
    distanceToSegment
    drawingTools
    parseDrawings
    serializeDrawings

On this page

Documentation / @finchart/react / SpanProps

Type Alias: SpanProps

SpanProps = SpanOptions

Defined in: react/src/components/decorations.tsx:71

Pager

Previous pagePriceLineProps

Next pageWatermarkProps