import type { VisualizationOptions, VisualizationTheme } from '../../types'; /** * ColumnDataItem is the type for each data item in the column chart. */ export type ColumnDataItem = { category: string; value: number; group?: string; }; /** * ColumnConfig defines the configuration for rendering the column chart. */ export interface ColumnConfig { type?: 'column'; data: ColumnDataItem[]; group?: boolean; stack?: boolean; title?: string; axisXTitle?: string; axisYTitle?: string; theme?: VisualizationTheme; style?: { backgroundColor?: string; palette?: string[]; }; } /** * ColumnInstance represents a column chart instance with render and destroy methods. */ export interface ColumnInstance { render: (config: ColumnConfig) => void; destroy: () => void; } /** * Column chart component using G2 5.0. * * @example * ```ts * const column = Column({ * container: '#container', * width: 600, * height: 400, * }); * * column.render({ * type: 'column', * data: [ * { category: '2015 年', value: 80 }, * { category: '2016 年', value: 140 }, * { category: '2017 年', value: 220 }, * ], * title: '海底捞公司外卖收入', * axisXTitle: '年份', * axisYTitle: '金额 (百万元)', * }); * * column.destroy(); * ``` */ export declare const Column: (options: VisualizationOptions) => ColumnInstance;