UNPKG

4.33 kBTypeScriptView Raw
1/// <reference types="react" />
2import { ViewStyle } from "react-native";
3import AbstractChart, { AbstractChartConfig, AbstractChartProps } from "./AbstractChart";
4import { ChartData } from "./HelperTypes";
5export interface BarChartProps extends AbstractChartProps {
6 data: ChartData;
7 width: number;
8 height: number;
9 fromZero?: boolean;
10 withInnerLines?: boolean;
11 yAxisLabel: string;
12 yAxisSuffix: string;
13 chartConfig: AbstractChartConfig;
14 style?: Partial<ViewStyle>;
15 horizontalLabelRotation?: number;
16 verticalLabelRotation?: number;
17 /**
18 * Show vertical labels - default: True.
19 */
20 withVerticalLabels?: boolean;
21 /**
22 * Show horizontal labels - default: True.
23 */
24 withHorizontalLabels?: boolean;
25 /**
26 * The number of horizontal lines
27 */
28 segments?: number;
29 showBarTops?: boolean;
30 showValuesOnTopOfBars?: boolean;
31}
32declare type BarChartState = {};
33declare class BarChart extends AbstractChart<BarChartProps, BarChartState> {
34 getBarPercentage: () => number;
35 renderBars: ({ data, width, height, paddingTop, paddingRight, barRadius }: Pick<Pick<AbstractChartConfig, "color" | "style" | "height" | "width" | "propsForBackgroundLines" | "propsForLabels" | "labelColor" | "count" | "paddingTop" | "paddingRight" | "horizontalLabelRotation" | "formatYLabel" | "labels" | "horizontalOffset" | "stackedBar" | "verticalLabelRotation" | "formatXLabel" | "backgroundColor" | "backgroundGradientFrom" | "backgroundGradientFromOpacity" | "backgroundGradientTo" | "backgroundGradientToOpacity" | "fillShadowGradient" | "fillShadowGradientOpacity" | "useShadowColorFromDataset" | "strokeWidth" | "barPercentage" | "barRadius" | "propsForDots" | "decimalPlaces" | "linejoinType" | "scrollableDotFill" | "scrollableDotStrokeColor" | "scrollableDotStrokeWidth" | "scrollableDotRadius" | "scrollableInfoViewStyle" | "scrollableInfoTextStyle" | "scrollableInfoTextDecorator" | "scrollableInfoOffset" | "scrollableInfoSize">, "height" | "width" | "paddingTop" | "paddingRight" | "barRadius"> & {
36 data: number[];
37 }) => JSX.Element[];
38 renderBarTops: ({ data, width, height, paddingTop, paddingRight }: Pick<Pick<AbstractChartConfig, "color" | "style" | "height" | "width" | "propsForBackgroundLines" | "propsForLabels" | "labelColor" | "count" | "paddingTop" | "paddingRight" | "horizontalLabelRotation" | "formatYLabel" | "labels" | "horizontalOffset" | "stackedBar" | "verticalLabelRotation" | "formatXLabel" | "backgroundColor" | "backgroundGradientFrom" | "backgroundGradientFromOpacity" | "backgroundGradientTo" | "backgroundGradientToOpacity" | "fillShadowGradient" | "fillShadowGradientOpacity" | "useShadowColorFromDataset" | "strokeWidth" | "barPercentage" | "barRadius" | "propsForDots" | "decimalPlaces" | "linejoinType" | "scrollableDotFill" | "scrollableDotStrokeColor" | "scrollableDotStrokeWidth" | "scrollableDotRadius" | "scrollableInfoViewStyle" | "scrollableInfoTextStyle" | "scrollableInfoTextDecorator" | "scrollableInfoOffset" | "scrollableInfoSize">, "height" | "width" | "paddingTop" | "paddingRight"> & {
39 data: number[];
40 }) => JSX.Element[];
41 renderValuesOnTopOfBars: ({ data, width, height, paddingTop, paddingRight }: Pick<Pick<AbstractChartConfig, "color" | "style" | "height" | "width" | "propsForBackgroundLines" | "propsForLabels" | "labelColor" | "count" | "paddingTop" | "paddingRight" | "horizontalLabelRotation" | "formatYLabel" | "labels" | "horizontalOffset" | "stackedBar" | "verticalLabelRotation" | "formatXLabel" | "backgroundColor" | "backgroundGradientFrom" | "backgroundGradientFromOpacity" | "backgroundGradientTo" | "backgroundGradientToOpacity" | "fillShadowGradient" | "fillShadowGradientOpacity" | "useShadowColorFromDataset" | "strokeWidth" | "barPercentage" | "barRadius" | "propsForDots" | "decimalPlaces" | "linejoinType" | "scrollableDotFill" | "scrollableDotStrokeColor" | "scrollableDotStrokeWidth" | "scrollableDotRadius" | "scrollableInfoViewStyle" | "scrollableInfoTextStyle" | "scrollableInfoTextDecorator" | "scrollableInfoOffset" | "scrollableInfoSize">, "height" | "width" | "paddingTop" | "paddingRight"> & {
42 data: number[];
43 }) => JSX.Element[];
44 render(): JSX.Element;
45}
46export default BarChart;
47//# sourceMappingURL=BarChart.d.ts.map
\No newline at end of file