import { VueUiOnionConfig, VueUiOnionDatasetItem } from 'vue-data-ui';

export interface ChartOnionConfig extends VueUiOnionConfig {
    useBlurOnHover?: boolean;
}
export interface ChartOnionDatasetItem extends VueUiOnionDatasetItem {
}
export type ChartOnionStyle = ChartOnionConfig['style'];
export interface ChartOnionProps {
    useCssAnimation?: boolean;
    showTitle?: boolean;
    title?: string;
    subtitle?: string;
    color?: string;
    gutterColor?: string;
    gutterWidth?: number;
    showLabels?: boolean;
    labelFontSize?: number;
    labelColor?: string;
    labelRounding?: number;
    showLabelsValue?: boolean;
    showLabelsPercentage?: boolean;
    titleColor?: string;
    titleFontSize?: number;
    subtitleColor?: string;
    subtitleFontSize?: number;
    showLegend?: boolean;
    legendColor?: string;
    legendFontSize?: number;
    legendRounding?: number;
    showTooltip?: boolean;
    tooltipColor?: string;
    tooltipFontSize?: number;
    tooltipBorderColor?: string;
    showValue?: boolean;
    showPercentage?: boolean;
    tooltipRounding?: number;
    dataset: Partial<ChartOnionDatasetItem>[];
    configChart?: ChartOnionStyle;
}