react-native-chart-kit
Version:
Beautiful React Native charts for dashboards, reports, and data-rich mobile apps.
84 lines • 3.1 kB
TypeScript
export type ChartKitThemeMode = "light" | "dark" | "system";
export type ResolvedChartKitThemeMode = Exclude<ChartKitThemeMode, "system">;
export type CartesianChartTypography = {
fontFamily?: string;
axisLabelSize?: number;
legendLabelSize?: number;
};
export type CartesianChartTooltipTheme = {
background?: string;
border?: string;
text?: string;
mutedText?: string;
shadowColor?: string;
shadowOpacity?: number;
shadowOffsetX?: number;
shadowOffsetY?: number;
borderRadius?: number;
padding?: number;
fontSize?: number;
labelFontSize?: number;
};
export type CartesianChartTheme = {
background?: string;
plotBackground?: string;
grid?: string;
axis?: string;
text?: string;
mutedText?: string;
series?: string[];
typography?: CartesianChartTypography;
tooltip?: CartesianChartTooltipTheme;
};
export type ResolvedCartesianChartTypography = {
fontFamily?: string;
axisLabelSize: number;
legendLabelSize: number;
};
export type ResolvedCartesianChartTooltipTheme = {
background: string;
border: string;
text: string;
mutedText: string;
shadowColor: string;
shadowOpacity: number;
shadowOffsetX: number;
shadowOffsetY: number;
borderRadius: number;
padding: number;
fontSize: number;
labelFontSize: number;
};
type CartesianChartCoreTheme = {
background: string;
plotBackground: string;
grid: string;
axis: string;
text: string;
mutedText: string;
series: string[];
typography: ResolvedCartesianChartTypography;
};
export type ResolvedCartesianChartTheme = CartesianChartCoreTheme & {
tooltip: ResolvedCartesianChartTooltipTheme;
};
export type CartesianChartPreset = {
light?: CartesianChartTheme;
dark?: CartesianChartTheme;
};
export type CartesianChartPresetInput = CartesianChartTheme | CartesianChartPreset;
export type CartesianChartPresetName = "default" | "spectrum" | "aurora" | "verdant" | "cupertino" | "material" | "graphite" | "contrast" | "midnight";
export type CartesianChartPresetValue = CartesianChartPresetName | (string & {}) | CartesianChartPresetInput;
export type CartesianChartPresetRegistry = Record<string, CartesianChartPresetInput>;
export declare const defaultCartesianChartTypography: ResolvedCartesianChartTypography;
export declare const builtInCartesianChartPresets: Record<CartesianChartPresetName, Required<CartesianChartPreset>>;
export declare const createChartPreset: (preset: CartesianChartPresetInput) => CartesianChartPresetInput;
export declare const mergeCartesianChartTheme: (base: ResolvedCartesianChartTheme, override: CartesianChartTheme | undefined) => ResolvedCartesianChartTheme;
export declare const resolveCartesianChartThemeConfig: ({ mode, preset, presets, theme }: {
mode: ResolvedChartKitThemeMode;
preset?: CartesianChartPresetValue | undefined;
presets?: CartesianChartPresetRegistry | undefined;
theme?: CartesianChartTheme | undefined;
}) => ResolvedCartesianChartTheme;
export {};
//# sourceMappingURL=presets.d.ts.map