import type { BarChartOptions, ExternalTooltipContext } from '../types'; import type { TooltipPositionerFunction, ChartType, TooltipItem, InteractionModeFunction, Chart } from 'chart.js'; export default function useBarChartOptions(chartOptions: BarChartOptions): import("vue").ComputedRef<{ indexAxis: "x" | "y"; skipNull: boolean; scales: { x: { stacked: boolean; grid: { offset: boolean; drawOnChartArea: boolean; drawBorder: boolean; drawTicks: boolean; }; ticks: { maxRotation: number; autoSkip: boolean; font: ({ chart, index }: { chart: Chart; index: number; }) => { size: number; style: string; }; callback: (value: string, index: number) => string; }; title: { display: boolean; text: string | undefined; padding: { top: number; bottom: number; left: number; right: number; }; font: { weight: string; }; }; }; y: { stacked: boolean; beginAtZero: boolean; grid: { offset: boolean; drawOnChartArea: boolean; drawBorder: boolean; drawTicks: boolean; }; ticks: { padding: number; font: ({ chart, index }: { chart: Chart; index: number; }) => { size: number; style: string; }; callback: (value: string, index: number) => string; }; title: { display: boolean; text: string | undefined; padding: { bottom: number; top: number; left: number; right: number; }; font: { weight: string; }; }; }; }; plugins: { htmlLegend: { containerID: string; }; legend: { display: boolean; }; tooltip: { external: (context: ExternalTooltipContext) => void; enabled: boolean; position: string; callbacks: { label: (context: TooltipItem<"bar">) => { label: string | undefined; value: string; }; }; }; }; interaction: { mode: string; intersect: boolean; }; maxBarThickness: number; maintainAspectRatio: boolean; layout: { padding: { left: number; right: number; top: number; bottom: number; }; }; }>; declare module 'chart.js' { interface TooltipPositionerMap { [key: string]: TooltipPositionerFunction; } interface InteractionModeMap { customInteractionMode: InteractionModeFunction; } } //# sourceMappingURL=useBarChartOptions.d.ts.map