Merge pull request #26101 from pkeuter/add-label-function

Add label render function
This commit is contained in:
Armando Aguirre 2018-06-04 14:46:10 -07:00 committed by GitHub
commit ce4ff75ef4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 8 deletions

View File

@ -6,6 +6,7 @@
// Zheyang Song <https://github.com/ZheyangSong>
// Rich Baird <https://github.com/richbai90>
// Dan Torberg <https://github.com/caspeco-dan>
// Peter Keuter <https://github.com/pkeuter>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.6
@ -163,7 +164,7 @@ export interface AreaProps extends EventAttributes, Partial<PresentationAttribut
connectNulls?: boolean;
activeDot?: boolean | object | React.ReactElement<any> | ContentRenderer<any>;
dot?: boolean | object | React.ReactElement<any> | ContentRenderer<DotProps>;
label?: boolean | object | React.ReactElement<any> | LabelProps['content'];
label?: boolean | object | ContentRenderer<any> | React.ReactElement<any>;
hide?: boolean;
layout?: LayoutType;
baseLine?: number | any[];
@ -207,7 +208,7 @@ export interface BarProps extends EventAttributes, Partial<PresentationAttribute
shape?: React.ReactElement<any> | ContentRenderer<RectangleProps>;
data?: BarData[];
// see label section at http://recharts.org/#/en-US/api/Bar
label?: boolean | Label | React.SFC<LabelProps> | React.ReactElement<LabelProps> | ContentRenderer<Label>;
label?: boolean | Label | React.SFC<LabelProps> | React.ReactElement<LabelProps> | ContentRenderer<any>;
}
export class Bar extends React.Component<BarProps> { }
@ -404,7 +405,7 @@ export interface LineProps extends EventAttributes, Partial<PresentationAttribut
width?: number;
height?: number;
dataKey: DataKey; // As the source code states, dataKey will replace valueKey in 1.1.0 and it'll be required (it's already required in current implementation).
label?: boolean | object | React.ReactElement<any> | LabelProps['content'];
label?: boolean | object | React.ReactElement<any> | ContentRenderer<any>;
points?: Point[];
}
@ -437,8 +438,8 @@ export interface PieProps extends EventAttributes, Partial<PresentationAttribute
labelLine?: object | ContentRenderer<LineProps & any> | React.ReactElement<any> | boolean;
label?: {
offsetRadius: number;
} | LabelProps['content'] | React.ReactElement<any> | boolean;
activeShape?: object |ContentRenderer<any> | React.ReactElement<any>;
} | React.ReactElement<any> | ContentRenderer<any> | boolean;
activeShape?: object | ContentRenderer<any> | React.ReactElement<any>;
activeIndex?: number | number[];
}
@ -552,7 +553,7 @@ export interface RadarProps extends EventAttributes, Partial<PresentationAttribu
shape?: React.ReactElement<any> | ContentRenderer<RadarProps>;
activeDot?: object | React.ReactElement<any> | ContentRenderer<any> | boolean;
dot?: object | React.ReactElement<any> | ContentRenderer<DotProps> | boolean;
label?: object | React.ReactElement<any> | LabelProps['content'] | boolean;
label?: object | React.ReactElement<any> | ContentRenderer<any> | boolean;
legendType?: LegendType;
hide?: boolean;
}
@ -591,7 +592,7 @@ export interface RadialBarProps extends EventAttributes, Partial<PresentationAtt
maxBarSize?: number;
data?: RadialBarData[];
legendType?: LegendType;
label?: boolean | React.ReactElement<any> | LabelProps['content'] | object;
label?: boolean | React.ReactElement<any> | ContentRenderer<any> | object;
background?: boolean | React.ReactElement<any> | ContentRenderer<any> | object;
hide?: boolean;
}
@ -838,7 +839,7 @@ export interface LabelProps {
position?: PositionType;
children?: React.ReactNode[] | React.ReactNode;
className?: string;
content?: React.ReactElement<any> | ContentRenderer<Label>;
content?: React.ReactElement<any> | ContentRenderer<any>;
}
export class LabelList extends React.Component<LabelListProps> { }

View File

@ -160,6 +160,7 @@ class Component extends React.Component<{}, ComponentState> {
<ResponsiveContainer>
<PieChart width={800} height={400}>
<Pie
label={(props: {name: string}) => <Label>{name}</Label>}
dataKey="value"
activeIndex={this.state.activeIndex}
activeShape={renderActiveShape}