/// import { ViewStyle } from "react-native"; import AbstractChart, { AbstractChartConfig, AbstractChartProps } from "./AbstractChart"; import { ChartData, Dataset } from "./HelperTypes"; export interface BarChartProps extends AbstractChartProps { data: ChartData; width: number; height: number; fromZero?: boolean; withInnerLines?: boolean; yAxisLabel: string; yAxisSuffix: string; chartConfig: AbstractChartConfig; style?: Partial; horizontalLabelRotation?: number; verticalLabelRotation?: number; /** * Show vertical labels - default: True. */ withVerticalLabels?: boolean; /** * Show horizontal labels - default: True. */ withHorizontalLabels?: boolean; /** * The number of horizontal lines */ segments?: number; showBarTops?: boolean; showValuesOnTopOfBars?: boolean; withCustomBarColorFromData?: boolean; /** * Don't use gradient for the bars - default: false. */ flatColor?: boolean; /** * Callback that is called when a bar is clicked. */ onDataBarClick?: (data: { index: number; value: number; dataset: Dataset; x: number; y: number; }) => void; } declare type BarChartState = {}; declare class BarChart extends AbstractChart { getBarPercentage: () => number; renderBars: ({ data, width, height, paddingTop, paddingRight, barRadius, withCustomBarColorFromData, onDataBarClick }: Pick, "height" | "paddingRight" | "paddingTop" | "width" | "barRadius"> & { data: Dataset; withCustomBarColorFromData: boolean; onDataBarClick: BarChartProps["onDataBarClick"]; }) => JSX.Element[]; renderBarTops: ({ data, width, height, paddingTop, paddingRight }: Pick, "height" | "paddingRight" | "paddingTop" | "width"> & { data: number[]; }) => JSX.Element[]; renderColors: ({ data, flatColor }: Pick & { flatColor: boolean; }) => JSX.Element[]; renderValuesOnTopOfBars: ({ data, width, height, paddingTop, paddingRight }: Pick, "height" | "paddingRight" | "paddingTop" | "width"> & { data: number[]; }) => JSX.Element[]; render(): JSX.Element; } export default BarChart; //# sourceMappingURL=BarChart.d.ts.map