cl-react-graph
Version:
React D3 Charts
41 lines (40 loc) • 1.49 kB
TypeScript
/// <reference types="react" />
import { SpringConfig } from "@react-spring/web";
import { EChartDirection } from "../../BarChart";
import { BarChartDataSet, EGroupedBarLayout, GroupDataItem, HistogramBar } from "../../Histogram";
import { ColorScheme } from "../../utils/colorScheme";
import { TLabelComponent } from "../Label";
import { TipFunc } from "../ToolTip";
export type Props = {
bins: (string | [number, number])[];
config?: SpringConfig;
colorScheme?: ColorScheme;
domain: number[];
direction?: EChartDirection;
id?: string;
groupLayout?: EGroupedBarLayout;
/** @description Height of the bar render area */
height: number;
hoverColorScheme?: ColorScheme;
LabelComponent?: TLabelComponent;
labels?: string[];
left?: number;
padding?: HistogramBar;
top?: number;
tip?: TipFunc;
showLabels?: boolean[];
values: BarChartDataSet[];
visible?: Record<string, boolean>;
width: number;
inverse?: boolean;
rx?: number;
ry?: number;
radius?: number;
};
export type ExtendedGroupItem = GroupDataItem & {
datasetIndex: number;
binIndex: number;
percentage: string;
};
export declare const defaultPadding: HistogramBar;
export declare const Bars: ({ bins, colorScheme, config, direction, domain, id, groupLayout, height, hoverColorScheme, LabelComponent, labels, left, padding, showLabels, tip, top, values, visible, width, inverse, rx, ry, radius, }: Props) => JSX.Element | null;