Theme catalogue
Public theme presets and stable default identifiers.
import { chartThemes } from "@sixtyfold/themes";Use the public entry point shown above.
PUBLIC_THEME_IDS
Stable theme identifiers shipped by Sixtyfold.
PUBLIC_THEME_IDS: readonly ["default", "mainframe", "blueprint", "porcelain", "azulejo", "arizona", "neon", "shibuya", "arcology", "riviera", "bauhaus", "washi", "botanica", "newsprint"]PUBLIC_THEMES
Immutable presets keyed by their stable public identifiers.
PUBLIC_THEMES: Readonly<Record<"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint", { readonly id: ChartThemeId; readonly label: string; readonly colorScheme: "dark" | "light"; readonly line: { readonly appearance: { readonly legend?: { readonly visible?: boolean | undefined; readonly position?: LegendPosition | undefined; readonly align?: LegendAlign | undefined; readonly layout?: LegendLayout | undefined; readonly interactive?: boolean | undefined; readonly allowHideAll?: boolean | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly style?: "normal" | "italic" | "oblique" | undefined; readonly color?: string | undefined; readonly family?: string | undefined; readonly width?: number | undefined; } | undefined; readonly itemGap?: number | undefined; readonly swatchGap?: number | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; readonly inactiveOpacity?: number | undefined; readonly swatch?: { readonly shape?: LegendSwatchShape | undefined; readonly size?: number | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; } | undefined; } | undefined; readonly marker?: { readonly shape?: MarkerShape | undefined; readonly size?: number | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly glow?: boolean | { readonly color?: string | undefined; readonly blur?: number | undefined; readonly opacity?: number | undefined; } | undefined; } | undefined; readonly textDirection?: TextDirection | undefined; readonly tooltip?: { readonly backgroundColor?: string | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderRadius?: number | undefined; readonly borderStyle?: "solid" | "dashed" | "dotted" | undefined; readonly position?: "cursor-top" | "cursor-bottom" | "cursor" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined; readonly onRender?: ((params: TooltipRenderParams) => TooltipRenderResult) | undefined; readonly titleFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly valueFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly showSwatch?: boolean | undefined; readonly onLeave?: (() => void) | undefined; readonly candleBorder?: boolean | undefined; readonly fields?: readonly StockTooltipField[] | undefined; readonly fieldLabels?: { readonly open?: string | undefined; readonly high?: string | undefined; readonly low?: string | undefined; readonly close?: string | undefined; readonly change?: string | undefined; readonly changePercent?: string | undefined; readonly volume?: string | undefined; } | undefined; readonly visibleSeries?: readonly number[] | undefined; readonly titleFormat?: "number" | "time" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | { readonly type?: "time" | undefined; readonly locale?: string | readonly string[] | undefined; readonly timeZone?: string | undefined; readonly hour12?: boolean | undefined; } | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; readonly backdropBlur?: number | undefined; readonly shadow?: boolean | { readonly enabled?: boolean | undefined; readonly color?: string | undefined; readonly blur?: number | undefined; readonly offsetX?: number | undefined; readonly offsetY?: number | undefined; } | undefined; readonly width?: number | undefined; } | undefined; readonly crosshairStyle?: { readonly vertical?: { readonly color?: string | undefined; readonly style?: "solid" | "dashed" | "dotted" | undefined; readonly visible?: boolean | undefined; } | undefined; readonly horizontal?: { readonly color?: string | undefined; readonly style?: "solid" | "dashed" | "dotted" | undefined; readonly visible?: boolean | undefined; } | undefined; } | undefined; readonly grid?: { readonly color?: string | undefined; readonly lineWidth?: number | undefined; readonly vertical?: boolean | undefined; readonly horizontal?: boolean | undefined; } | undefined; readonly axis?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly bottom?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: "number" | "time" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | { readonly type?: "time" | undefined; readonly locale?: string | readonly string[] | undefined; readonly timeZone?: string | undefined; readonly hour12?: boolean | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; readonly top?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: "number" | "time" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | { readonly type?: "time" | undefined; readonly locale?: string | readonly string[] | undefined; readonly timeZone?: string | undefined; readonly hour12?: boolean | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; readonly left?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; readonly right?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; } | undefined; readonly chartBackground?: string | { readonly type?: "gradient" | undefined; readonly direction?: "vertical" | "horizontal" | undefined; readonly colors?: readonly string[] | undefined; readonly offsets?: readonly number[] | undefined; } | { readonly type?: "image" | undefined; readonly image?: ImageBitmap | undefined; readonly fit?: "cover" | "contain" | "fill" | "tile" | undefined; } | undefined; readonly selection?: { readonly color?: string | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderStyle?: "solid" | "dashed" | "dotted" | undefined; } | undefined; readonly labels?: { readonly top?: { readonly align?: TextAlign | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly bottom?: { readonly align?: TextAlign | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly left?: { readonly align?: "top" | "middle" | "bottom" | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly right?: { readonly align?: "top" | "middle" | "bottom" | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly custom?: readonly { readonly text: string; readonly x: number; readonly y: number; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly align?: TextAlign | undefined; readonly baseline?: "top" | "middle" | "bottom" | undefined; readonly direction?: TextDirection | undefined; readonly rotate?: number | undefined; readonly relativeTo?: "chart" | "canvas" | undefined; }[] | undefined; } | undefined; readonly overlay?: { readonly items?: readonly ({ readonly kind: "circle"; readonly radius: number; readonly fill?: { readonly color?: string | undefined; } | undefined; readonly stroke?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly dash?: readonly number[] | undefined; } | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind: "image"; readonly src: string | ImageBitmap | CanvasImageSource; readonly width: number; readonly height: number; readonly fit?: "fill" | "contain" | "cover" | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind?: "text" | undefined; readonly text: string; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly color?: string | undefined; readonly align?: TextAlign | undefined; readonly baseline?: "top" | "middle" | "bottom" | undefined; readonly direction?: TextDirection | undefined; readonly maxWidth?: number | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind: "rect"; readonly width: number; readonly height: number; readonly radius?: number | undefined; readonly fill?: { readonly color?: string | undefined; } | undefined; readonly stroke?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly dash?: readonly number[] | undefined; } | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind: "line"; readonly x2: number; readonly y2: number; readonly x2Unit?: OverlayCoordUnit | undefined; readonly y2Unit?: OverlayCoordUnit | undefined; readonly x2Anchor?: OverlayXAnchor | undefined; readonly y2Anchor?: OverlayYAnchor | undefined; readonly stroke?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly dash?: readonly number[] | undefined; } | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; })[] | undefined; } | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; readonly rangeSelector?: { readonly width?: "plot" | "canvas" | undefined; readonly visible?: boolean | undefined; readonly effect?: "none" | "glass" | undefined; readonly borderRadius?: number | undefined; readonly overlayColor?: string | undefined; readonly handleColor?: string | undefined; readonly gripColor?: string | undefined; readonly handleBorderRadius?: number | undefined; readonly borderColor?: string | undefined; } | undefined; }; readonly series: readonly { readonly color?: string | undefined; readonly width?: number | undefined; readonly fill?: boolean | number | undefined; readonly marker?: { readonly shape?: MarkerShape | undefined; readonly size?: number | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly glow?: boolean | { readonly color?: string | undefined; readonly blur?: number | undefined; readonly opacity?: number | undefined; } | undefined; } | undefined; readonly type?: LineSeriesType | undefined; readonly fillColor?: string | { readonly colors?: readonly string[] | undefined; readonly direction?: "vertical" | "horizontal" | undefined; readonly offsets?: readonly number[] | undefined; } | undefined; readonly fillToZero?: boolean | undefined; readonly fillEffect?: "none" | "glow" | "layered" | undefined; readonly band?: { readonly fill?: boolean | number | undefined; readonly fillColor?: string | { readonly colors?: readonly string[] | undefined; readonly direction?: "vertical" | "horizontal" | undefined; readonly offsets?: readonly number[] | undefined; } | undefined; readonly borderColor?: string | undefined; readonly upperBorderColor?: string | undefined; readonly lowerBorderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderStyle?: BandBorderStyle | undefined; } | undefined; readonly bar?: { readonly fill?: boolean | number | undefined; readonly fillColor?: string | { readonly colors?: readonly string[] | undefined; readonly direction?: "vertical" | "horizontal" | undefined; readonly offsets?: readonly number[] | undefined; } | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderStyle?: BarBorderStyle | undefined; readonly widthRatio?: number | undefined; readonly minWidth?: number | undefined; readonly maxWidth?: number | undefined; readonly baseline?: number | undefined; } | undefined; readonly stack?: { readonly fill?: boolean | number | undefined; readonly fillColor?: string | { readonly colors?: readonly string[] | undefined; readonly direction?: "vertical" | "horizontal" | undefined; readonly offsets?: readonly number[] | undefined; } | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderStyle?: StackBorderStyle | undefined; readonly curve?: StackCurveStyle | undefined; } | undefined; readonly point?: { readonly shape?: MarkerShape | undefined; readonly size?: number | undefined; readonly color?: string | undefined; readonly opacity?: number | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; } | undefined; readonly name?: string | undefined; readonly unit?: { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | undefined; }[]; }; readonly stock: { readonly appearance: { readonly candleColors?: { readonly up?: string | undefined; readonly down?: string | undefined; readonly wickUp?: string | undefined; readonly wickDown?: string | undefined; } | undefined; readonly candleStrokeWidth?: number | undefined; readonly previewLineColor?: string | undefined; readonly textDirection?: TextDirection | undefined; readonly tooltip?: { readonly backgroundColor?: string | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderRadius?: number | undefined; readonly borderStyle?: "solid" | "dashed" | "dotted" | undefined; readonly position?: "cursor-top" | "cursor-bottom" | "cursor" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined; readonly onRender?: ((params: TooltipRenderParams) => TooltipRenderResult) | undefined; readonly titleFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly valueFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly showSwatch?: boolean | undefined; readonly onLeave?: (() => void) | undefined; readonly candleBorder?: boolean | undefined; readonly fields?: readonly StockTooltipField[] | undefined; readonly fieldLabels?: { readonly open?: string | undefined; readonly high?: string | undefined; readonly low?: string | undefined; readonly close?: string | undefined; readonly change?: string | undefined; readonly changePercent?: string | undefined; readonly volume?: string | undefined; } | undefined; readonly visibleSeries?: readonly number[] | undefined; readonly titleFormat?: "number" | "time" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | { readonly type?: "time" | undefined; readonly locale?: string | readonly string[] | undefined; readonly timeZone?: string | undefined; readonly hour12?: boolean | undefined; } | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; readonly backdropBlur?: number | undefined; readonly shadow?: boolean | { readonly enabled?: boolean | undefined; readonly color?: string | undefined; readonly blur?: number | undefined; readonly offsetX?: number | undefined; readonly offsetY?: number | undefined; } | undefined; readonly width?: number | undefined; } | undefined; readonly crosshairStyle?: { readonly vertical?: { readonly color?: string | undefined; readonly style?: "solid" | "dashed" | "dotted" | undefined; readonly visible?: boolean | undefined; } | undefined; readonly horizontal?: { readonly color?: string | undefined; readonly style?: "solid" | "dashed" | "dotted" | undefined; readonly visible?: boolean | undefined; } | undefined; } | undefined; readonly grid?: { readonly color?: string | undefined; readonly lineWidth?: number | undefined; readonly vertical?: boolean | undefined; readonly horizontal?: boolean | undefined; } | undefined; readonly axis?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly bottom?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: "number" | "time" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | { readonly type?: "time" | undefined; readonly locale?: string | readonly string[] | undefined; readonly timeZone?: string | undefined; readonly hour12?: boolean | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; readonly top?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: "number" | "time" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | { readonly type?: "time" | undefined; readonly locale?: string | readonly string[] | undefined; readonly timeZone?: string | undefined; readonly hour12?: boolean | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; readonly left?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; readonly right?: { readonly width?: number | undefined; readonly visible?: boolean | undefined; readonly ticks?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly length?: number | undefined; } | undefined; readonly format?: { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly cursorLabel?: { readonly visible?: boolean | undefined; readonly backgroundColor?: string | undefined; readonly labelFont?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly unit?: "auto" | { readonly prefix?: string | undefined; readonly suffix?: string | undefined; readonly decimals?: number | undefined; readonly name?: string | undefined; readonly formatStyle?: "default" | "compact" | undefined; } | null | undefined; } | undefined; } | undefined; } | undefined; readonly chartBackground?: string | { readonly type?: "gradient" | undefined; readonly direction?: "vertical" | "horizontal" | undefined; readonly colors?: readonly string[] | undefined; readonly offsets?: readonly number[] | undefined; } | { readonly type?: "image" | undefined; readonly image?: ImageBitmap | undefined; readonly fit?: "cover" | "contain" | "fill" | "tile" | undefined; } | undefined; readonly selection?: { readonly color?: string | undefined; readonly borderColor?: string | undefined; readonly borderWidth?: number | undefined; readonly borderStyle?: "solid" | "dashed" | "dotted" | undefined; } | undefined; readonly labels?: { readonly top?: { readonly align?: TextAlign | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly bottom?: { readonly align?: TextAlign | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly left?: { readonly align?: "top" | "middle" | "bottom" | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly right?: { readonly align?: "top" | "middle" | "bottom" | undefined; readonly text?: string | undefined; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly direction?: TextDirection | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; } | undefined; readonly custom?: readonly { readonly text: string; readonly x: number; readonly y: number; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly align?: TextAlign | undefined; readonly baseline?: "top" | "middle" | "bottom" | undefined; readonly direction?: TextDirection | undefined; readonly rotate?: number | undefined; readonly relativeTo?: "chart" | "canvas" | undefined; }[] | undefined; } | undefined; readonly overlay?: { readonly items?: readonly ({ readonly kind: "circle"; readonly radius: number; readonly fill?: { readonly color?: string | undefined; } | undefined; readonly stroke?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly dash?: readonly number[] | undefined; } | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind: "image"; readonly src: string | ImageBitmap | CanvasImageSource; readonly width: number; readonly height: number; readonly fit?: "fill" | "contain" | "cover" | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind?: "text" | undefined; readonly text: string; readonly font?: { readonly size?: number | undefined; readonly weight?: string | number | undefined; readonly color?: string | undefined; readonly family?: string | undefined; } | undefined; readonly color?: string | undefined; readonly align?: TextAlign | undefined; readonly baseline?: "top" | "middle" | "bottom" | undefined; readonly direction?: TextDirection | undefined; readonly maxWidth?: number | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind: "rect"; readonly width: number; readonly height: number; readonly radius?: number | undefined; readonly fill?: { readonly color?: string | undefined; } | undefined; readonly stroke?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly dash?: readonly number[] | undefined; } | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; } | { readonly kind: "line"; readonly x2: number; readonly y2: number; readonly x2Unit?: OverlayCoordUnit | undefined; readonly y2Unit?: OverlayCoordUnit | undefined; readonly x2Anchor?: OverlayXAnchor | undefined; readonly y2Anchor?: OverlayYAnchor | undefined; readonly stroke?: { readonly color?: string | undefined; readonly width?: number | undefined; readonly dash?: readonly number[] | undefined; } | undefined; readonly id?: string | undefined; readonly visible?: boolean | undefined; readonly z?: number | undefined; readonly opacity?: number | undefined; readonly x: number; readonly y: number; readonly xUnit?: OverlayCoordUnit | undefined; readonly yUnit?: OverlayCoordUnit | undefined; readonly xAnchor?: OverlayXAnchor | undefined; readonly yAnchor?: OverlayYAnchor | undefined; readonly relativeTo?: OverlayRelativeTo | undefined; readonly rotate?: number | undefined; })[] | undefined; } | undefined; readonly padding?: { readonly top?: number | undefined; readonly right?: number | undefined; readonly bottom?: number | undefined; readonly left?: number | undefined; } | undefined; readonly rangeSelector?: { readonly width?: "plot" | "canvas" | undefined; readonly visible?: boolean | undefined; readonly effect?: "none" | "glass" | undefined; readonly borderRadius?: number | undefined; readonly overlayColor?: string | undefined; readonly handleColor?: string | undefined; readonly gripColor?: string | undefined; readonly handleBorderRadius?: number | undefined; readonly borderColor?: string | undefined; } | undefined; }; }; }>>