UNPKG

ag-charts-types

Version:

Advanced Charting / Charts supporting Javascript / Typescript / React / Angular / Vue

112 lines (111 loc) 7.35 kB
import type { ContextCallbackParams, DatumItemCallbackParams, HighlightState, Renderer, Styler } from '../../chart/callbackOptions'; import type { AgDropShadowOptions } from '../../chart/dropShadowOptions'; import type { AgChartLabelOptions } from '../../chart/labelOptions'; import type { AgSeriesTooltip, AgTooltipRendererResult } from '../../chart/tooltipOptions'; import type { ContextDefault, CssColor, DatumDefault, DatumKey, Opacity, PixelSize, Ratio } from '../../chart/types'; import type { AgBaseCartesianThemeableOptions, AgBaseSeriesOptions } from '../seriesOptions'; import type { AgCartesianSeriesTooltipRendererParams } from './cartesianSeriesTooltipOptions'; import type { AgBaseCartesianSeriesAxisOptions, FillOptions, LineDashOptions, StrokeOptions } from './commonOptions'; export type AgWaterfallSeriesItemType = 'positive' | 'negative' | 'total' | 'subtotal'; export type AgWaterfallSeriesItemStylerParams<TDatum = DatumDefault, TContext = ContextDefault> = DatumItemCallbackParams<AgWaterfallSeriesItemType, TDatum, HighlightState> & ContextCallbackParams<TContext> & AgWaterfallSeriesOptionsKeys<TDatum> & Required<AgWaterfallSeriesStyle>; export type AgWaterfallSeriesLabelFormatterParams<TDatum = DatumDefault> = AgWaterfallSeriesOptionsKeys<TDatum> & AgWaterfallSeriesOptionsNames & { itemType: AgWaterfallSeriesItemType; }; export interface AgWaterfallSeriesStyle extends FillOptions, StrokeOptions, LineDashOptions { /** Apply rounded corners to each bar. */ cornerRadius?: PixelSize; } export interface AgWaterfallSeriesTooltipRendererParams<TDatum = DatumDefault, TContext = ContextDefault> extends AgCartesianSeriesTooltipRendererParams<TDatum, TContext>, AgWaterfallSeriesStyle { /** The type of datum. This can be `positive`, `negative`, `total` or `subtotal`. */ itemType: AgWaterfallSeriesItemType; } export interface AgWaterfallSeriesItemTooltip<TDatum = DatumDefault, TContext = ContextDefault> { /** Function used to create the content for tooltips. */ renderer?: Renderer<AgWaterfallSeriesTooltipRendererParams<TDatum, TContext>, AgTooltipRendererResult>; } export interface AgWaterfallSeriesLabelOptions<TDatum, TParams, TContext = ContextDefault> extends AgChartLabelOptions<TDatum, TParams, TContext> { /** Where to render series labels relative to the bars. */ placement?: AgWaterfallSeriesLabelPlacement; /** Spacing in pixels between the label and the edge of the bar. */ spacing?: PixelSize; } export type AgWaterfallSeriesLabelPlacement = 'inside-center' | 'inside-start' | 'inside-end' | 'outside-start' | 'outside-end'; export interface AgWaterfallSeriesThemeableOptions<TDatum = DatumDefault, TContext = ContextDefault> extends Omit<AgBaseCartesianThemeableOptions<TDatum, TContext>, 'selection'> { /** * Bar rendering direction. * * __Note:__ This option affects the layout direction of X and Y data values. */ direction?: 'horizontal' | 'vertical'; /** Configuration used for the waterfall series item types. */ item?: AgWaterfallSeriesItem<TDatum, TContext>; /** Configuration for the connector lines. */ line?: AgWaterfallSeriesLineOptions; /** Series-specific tooltip configuration. */ tooltip?: AgSeriesTooltip<AgWaterfallSeriesTooltipRendererParams<TDatum, TContext>>; /** Fixed width of each bar in the series. */ width?: PixelSize; /** Ratio of the bandwidth (or specified width) to use for the width for each bar in the series. */ widthRatio?: Ratio; } export interface AgWaterfallSeriesOptionsKeys<TDatum = DatumDefault> { /** The key to use to retrieve x-values from the data. */ xKey: DatumKey<TDatum>; /** The key to use to retrieve y-values from the data. */ yKey: DatumKey<TDatum>; } export interface AgWaterfallSeriesOptionsNames { /** A human-readable description of the x-values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters. */ xName?: string; /** A human-readable description of the y-values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters. */ yName?: string; } export interface AgWaterfallSeriesOptions<TDatum = DatumDefault, TContext = ContextDefault> extends Omit<AgBaseSeriesOptions<TDatum, TContext>, 'selection'>, AgBaseCartesianSeriesAxisOptions, AgWaterfallSeriesOptionsKeys<TDatum>, AgWaterfallSeriesOptionsNames, AgWaterfallSeriesThemeableOptions<TDatum, TContext> { /** Configuration for the Waterfall Series. */ type: 'waterfall'; /** Configuration of total and subtotal values. */ totals?: WaterfallSeriesTotalMeta[]; } export interface AgWaterfallSeriesItem<TDatum, TContext = ContextDefault> { /** Configuration for the negative series items. */ negative?: AgWaterfallSeriesItemOptions<TDatum, TContext>; /** Configuration for the positive series items. */ positive?: AgWaterfallSeriesItemOptions<TDatum, TContext>; /** Configuration for the total and subtotal series items. */ total?: AgWaterfallSeriesItemOptions<TDatum, TContext>; } export interface WaterfallSeriesTotalMeta { /** Configuration for the calculation of the value. This can be `total` or `subtotal`, `total` shows the cumulative value from `0` to the current data position, while `subtotal` shows the cumulative value from the previous subtotal value to the current position. */ totalType: 'subtotal' | 'total'; /** The index after which the total item will be displayed. */ index: number; /** The label to display at the axis position where the total value is positioned. */ axisLabel: string; } export interface AgWaterfallSeriesItemOptions<TDatum, TContext = ContextDefault> extends AgWaterfallSeriesStyle { /** A human-readable description of the y-values. If supplied, this will be shown in the legend and default tooltip and passed to the tooltip renderer as one of the parameters. */ name?: string; /** Configuration for the labels shown on top of data points. */ label?: AgWaterfallSeriesLabelOptions<TDatum, AgWaterfallSeriesLabelFormatterParams<TDatum>, TContext>; /** Configuration for the shadow used behind the series items. */ shadow?: AgDropShadowOptions; /** Function used to return formatting for individual Waterfall series item cells, based on the given parameters.*/ itemStyler?: Styler<AgWaterfallSeriesItemStylerParams<TDatum, TContext>, AgWaterfallSeriesStyle>; /** Series item specific tooltip configuration. */ tooltip?: AgWaterfallSeriesItemTooltip<TDatum, TContext>; } export interface AgWaterfallSeriesLineOptions { /** Whether the connector lines should be shown. */ enabled?: boolean; /** The colour to use for the connector lines. */ stroke?: CssColor; /** The width in pixels of the connector lines. */ strokeWidth?: PixelSize; /** Opacity of the line stroke. */ strokeOpacity?: Opacity; /** Defines how the strokes are rendered. Every number in the array specifies the length in pixels of alternating dashes and gaps. For example, `[6, 3]` means dashes with a length of `6` pixels with gaps between of `3` pixels. */ lineDash?: PixelSize[]; /** The initial offset of the dashed line in pixels. */ lineDashOffset?: PixelSize; }