UNPKG

@tanstack/charts

Version:

A chart grammar for TypeScript and JavaScript. Marks consume your data directly, channels describe visual encodings, and the engine compiles them into a renderer-neutral keyed scene. TanStack's compact scales cover common numeric and categorical mappings.

28 lines (27 loc) 1.71 kB
import type { Channel, ChartKey, ChartMark, ChartMarkMotionOptions, ChartValue, OptionChannelOutput, VisualChannel, WidenChartValue } from './types.js'; export interface RuleYOptions<TDatum> extends ChartMarkMotionOptions<never> { id?: string; y?: Channel<TDatum, ChartValue | null | undefined>; color?: Channel<TDatum, ChartKey | null | undefined>; stroke?: VisualChannel<TDatum, string>; strokeOpacity?: number; strokeWidth?: number; strokeDasharray?: string; } export interface RuleXOptions<TDatum> extends ChartMarkMotionOptions<never> { id?: string; x?: Channel<TDatum, ChartValue | null | undefined>; color?: Channel<TDatum, ChartKey | null | undefined>; stroke?: VisualChannel<TDatum, string>; strokeOpacity?: number; strokeWidth?: number; strokeDasharray?: string; } type RuleFallback<TDatum> = [ WidenChartValue<Extract<TDatum, ChartValue>> ] extends [never] ? ChartValue : WidenChartValue<Extract<TDatum, ChartValue>>; export declare function ruleY<TDatum>(source: Iterable<TDatum>): ChartMark<never, never, RuleFallback<TDatum>>; export declare function ruleY<TDatum, const TOptions extends RuleYOptions<NoInfer<TDatum>> | undefined>(source: Iterable<TDatum>, options: TOptions): ChartMark<never, never, OptionChannelOutput<TDatum, TOptions, 'y', RuleFallback<TDatum>>>; export declare function ruleX<TDatum>(source: Iterable<TDatum>): ChartMark<never, RuleFallback<TDatum>, never>; export declare function ruleX<TDatum, const TOptions extends RuleXOptions<NoInfer<TDatum>> | undefined>(source: Iterable<TDatum>, options: TOptions): ChartMark<never, OptionChannelOutput<TDatum, TOptions, 'x', RuleFallback<TDatum>>, never>; export {};