@patternfly/react-charts
Version:
This library provides a set of React chart components for use with the PatternFly reference implementation.
100 lines • 2.49 kB
TypeScript
/// <reference types="react" />
export interface ChartPointProps {
/**
* A flag signifying whether the component is active
*/
active?: boolean;
/**
* The class name that will be applied to the rendered element
*/
className?: string;
/**
* TRhe clip path
*/
clipPath?: string;
/**
* The entire dataset
*/
data?: any[];
/**
* The data point corresponding to this point
*/
datum?: any;
/**
* Specifies the description of the point to assist with accessibility for screen readers
*/
desc?: string | Function;
/**
* Events to attach to the rendered element
*/
events?: any;
/**
* A function to return symbol paths
*/
getPath?: Function;
/**
* An id to apply to the rendered component
*/
id?: number | string;
/**
* The index of this point within the dataset
*/
index?: number | string;
/**
* The svg coordinates of the center point of a polar chart
*/
origin?: {
x?: number;
y?: number;
};
/**
* The rendered path element
*/
pathComponent?: React.ReactElement<any>;
/**
* A flag specifying whether the component is part of a polar chart
*/
polar?: boolean;
/**
* The aria role to assign to the element
*/
role?: string;
/**
* The x and y scale of the parent chart with domain and range applied
*/
scale?: any;
/**
* The shape rendering attribute to apply to the rendered path
*/
shapeRendering?: string;
/**
* The size of the point
*/
size?: number | Function;
/**
* The styles to apply to the rendered element
*/
style?: any;
/**
* The symbol the point should render
*/
symbol?: 'circle' | 'diamond' | 'eyeSlash' | 'plus' | 'minus' | 'square' | 'star' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'dash' | 'threshold' | Function;
/**
* Specifies the tab index
*/
tabIndex?: number | Function;
/**
* A transform that will be supplied to elements this component renders
*/
transform?: string;
/**
* The x coordinate of the center of the point
*/
x?: number;
/**
* The y coordinate of the center of the point
*/
y?: number;
}
export declare const ChartPoint: React.FunctionComponent<ChartPointProps>;
//# sourceMappingURL=ChartPoint.d.ts.map