react-native-chart-kit/dist/StackedBarChart.d.ts

If you're looking to **build a website or a cross-platform mobile app** – we will be happy to help you! Send a note to clients@ui1.io and we will be in touch with you shortly.

import { ViewStyle } from "react-native";
import AbstractChart, { AbstractChartConfig, AbstractChartProps } from "./AbstractChart";
export interface StackedBarChartData {
    labels: string[];
    legend: string[];
    data: number[][];
    barColors: string[];
}
export interface StackedBarChartProps extends AbstractChartProps {
    /**
     * E.g.
     * ```javascript
     * const data = {
     *   labels: ["Test1", "Test2"],
     *   legend: ["L1", "L2", "L3"],
     *   data: [[60, 60, 60], [30, 30, 60]],
     *   barColors: ["#dfe4ea", "#ced6e0", "#a4b0be"]
     * };
     * ```
     */
    data: StackedBarChartData;
    width: number;
    height: number;
    chartConfig: AbstractChartConfig;
    hideLegend: boolean;
    style?: Partial<ViewStyle>;
    barPercentage?: number;
    decimalPlaces?: number;
    /**
     * Show vertical labels - default: True.
     */
    withVerticalLabels?: boolean;
    /**
     * Show horizontal labels - default: True.
     */
    withHorizontalLabels?: boolean;
    /**
     * The number of horizontal lines
     */
    segments?: number;
    percentile?: boolean;
    /**
     * Percentage of the chart height, dedicated to vertical labels
     * (space below chart)
     */
    verticalLabelsHeightPercentage?: number;
    formatYLabel?: (yLabel: string) => string;
}
type StackedBarChartState = {};
declare class StackedBarChart extends AbstractChart<StackedBarChartProps, StackedBarChartState> {
    getBarPercentage: () => number;
    getBarRadius: (ret: string | any[], x: string | any[]) => number;
    renderBars: ({ data, width, height, paddingTop, paddingRight, border, colors, stackedBar, verticalLabelsHeightPercentage }: Pick<Omit<AbstractChartConfig, "data">, "width" | "height" | "paddingRight" | "paddingTop" | "stackedBar" | "verticalLabelsHeightPercentage"> & {
        border: number;
        colors: string[];
        data: number[][];
    }) => any[][];
    renderLegend: ({ legend, colors, width, height }: Pick<AbstractChartConfig, "width" | "height"> & {
        legend: string[];
        colors: string[];
    }) => JSX.Element[];
    render(): JSX.Element;
}
export default StackedBarChart;
//# sourceMappingURL=StackedBarChart.d.ts.map