export interface ColumnChartProps { /** * Color of the columns. Falls back to theme's dark color. */ columnColor?: string; /** * Color of highlighted columns. Falls back to theme's primary color. */ columnHighlightColor?: string; /** * Fixed height for the chart in pixels. If not set, height is calculated from width. */ fixedHeight?: number | null; /** * Fixed width for y-axis labels in pixels. If not set, width is calculated automatically. */ fixedLabelWidth?: number | null; /** * Field name in data objects containing the value to display. */ seriesName?: string; /** * Collapse x-axis ticks to prevent overlapping when there are many data points. */ xAxisTickCollapse?: boolean; /** * Formatter function or d3 format string for x-axis tick labels. */ xAxisTickFormat?: ((v: any) => string) | string; /** * Explicit list of x-axis tick values to display. */ xAxisTicks?: string[] | null; /** * Formatter function or d3 format string for y-axis tick labels. */ yAxisTickFormat?: ((v: any) => string) | string; /** * Number of y-axis ticks or d3 tick configuration object. */ yAxisTicks?: number | object; /** * Field name(s) to sort the data by. */ sortBy?: string | string[] | null; /** * Field name in data objects containing the x-axis category/time value. */ timeseriesKey?: string; /** * Maximum value for the y-axis scale. If not set, derived from data. */ maxValue?: number | null; /** * Disable tooltips on column hover. */ noTooltips?: boolean; /** * Hide the x-axis. */ noXAxis?: boolean; /** * Hide the y-axis. */ noYAxis?: boolean; /** * Padding between columns as a ratio (0-1) of the column width. */ barPadding?: number; /** * Margin between columns in pixels. */ barMargin?: number; /** * List of timeseriesKey values to highlight. */ highlights?: string[]; /** * Show placeholder bars for visual pattern. */ stripped?: boolean; /** * Enable hover effects on columns. */ hover?: boolean; /** * Icon component to display on column hover. */ hoverIcon?: string | object | object[] | null; /** * Size of the hover icon. */ hoverIconSize?: string; /** * Data to display, either as a URL string to fetch or an array of objects. */ data?: string | Record[] | null; /** * Type of data file when fetching from URL. */ dataUrlType?: 'json' | 'csv' | 'tsv'; /** * Aspect ratio (height/width) for the chart. */ chartHeightRatio?: number; /** * Enable social mode for optimal display when sharing on social media. */ socialMode?: boolean; /** * Aspect ratio to use in social mode. */ socialModeRatio?: number; /** * Display columns as a waterfall chart where each bar starts where the previous one ended. */ waterfall?: boolean; /** * Show a total bar at the end of the waterfall chart displaying the sum of all values. * Only applies when `waterfall` is true. */ waterfallTotal?: boolean; /** * Label for the waterfall total bar on the x-axis. */ waterfallTotalLabel?: string; /** * Color for the waterfall total bar. Falls back to currentColor. */ waterfallTotalColor?: string; } declare var __VLS_18: { datum: Record; width: number; height: number; x: number; y: number; isTotal?: boolean; }; type __VLS_Slots = {} & { tooltip?: (props: typeof __VLS_18) => any; }; declare const __VLS_base: import('../../../node_modules/vue').DefineComponent[]>; margin: import('../../../node_modules/vue').ComputedRef; padded: import('../../../node_modules/vue').ComputedRef; scaleX: import('../../../node_modules/vue').ComputedRef>; scaleY: import('../../../node_modules/vue').ComputedRef>; waterfallTotalValue: import('../../../node_modules/vue').ComputedRef; bars: import('../../../node_modules/vue').ComputedRef; xAxisHiddenTicks: import('../../../node_modules/vue').ComputedRef; xAxisTickValues: import('../../../node_modules/vue').ComputedRef; xAxis: import('../../../node_modules/vue').ComputedRef>; yAxis: import('../../../node_modules/vue').ComputedRef>; }, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, { select: (datum: any) => any; loaded: (data: Record[] | null) => any; resized: () => any; }, string, import('../../../node_modules/vue').PublicProps, Readonly & Readonly<{ onSelect?: ((datum: any) => any) | undefined; onLoaded?: ((data: Record[] | null) => any) | undefined; onResized?: (() => any) | undefined; }>, { data: string | Record[] | null; hover: boolean; highlights: string[]; sortBy: string | string[] | null; chartHeightRatio: number; socialMode: boolean; socialModeRatio: number; dataUrlType: "json" | "csv" | "tsv"; fixedLabelWidth: number | null; xAxisTickFormat: ((v: any) => string) | string; seriesName: string; timeseriesKey: string; maxValue: number | null; barPadding: number; barMargin: number; noXAxis: boolean; noYAxis: boolean; xAxisTickCollapse: boolean; xAxisTicks: string[] | null; yAxisTickFormat: ((v: any) => string) | string; yAxisTicks: number | object; waterfall: boolean; waterfallTotal: boolean; waterfallTotalLabel: string; columnColor: string; columnHighlightColor: string; fixedHeight: number | null; noTooltips: boolean; stripped: boolean; hoverIcon: string | object | object[] | null; hoverIconSize: string; waterfallTotalColor: string; }, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, false, {}, any>; declare const __VLS_export: __VLS_WithSlots; declare const _default: typeof __VLS_export; export default _default; type __VLS_WithSlots = T & { new (): { $slots: S; }; };